diff --git a/packages/block-editor/src/components/list-view/block-select-button.js b/packages/block-editor/src/components/list-view/block-select-button.js index 3afbf3f5b5bc16..1775798852d5e1 100644 --- a/packages/block-editor/src/components/list-view/block-select-button.js +++ b/packages/block-editor/src/components/list-view/block-select-button.js @@ -44,6 +44,7 @@ function ListViewBlockSelectButton( draggable, isExpanded, ariaDescribedBy, + isSelected, }, ref ) { @@ -102,6 +103,7 @@ function ListViewBlockSelectButton( href={ `#block-${ clientId }` } aria-describedby={ ariaDescribedBy } aria-expanded={ isExpanded } + data-is-selected={ isSelected ? true : undefined } > + item.hasAttribute( 'data-is-selected' ) + )[ 0 ]; const listViewFocusArea = sidebarRef.current.contains( - listViewApplicationFocus + listViewSelectedItem ) - ? listViewApplicationFocus + ? listViewSelectedItem : tabPanelFocus; + listViewFocusArea.focus(); // Outline tab is selected. } else { @@ -147,7 +152,7 @@ export default function ListViewSidebar() { onClose={ closeListView } onSelect={ ( tabName ) => setTab( tabName ) } defaultTabId="list-view" - ref={ tabsRef } + ref={ tabsPanelRef } closeButtonLabel={ __( 'Close' ) } />