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' ) }
/>