Hotfix for moving focus to block library from sidebar (#66256)

Co-authored-by: jeryj <[email protected]> Co-authored-by: kevin940726 <[email protected]> Co-authored-by: getdave <[email protected]> Co-authored-by: draganescu <[email protected]> Co-authored-by: ajlende <[email protected]>
WordPress · Oct 22, 2024 · 0cab30f · 0cab30f · github-actions · Oct 22, 2024
1 parent 2453690
commit 0cab30f
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/block-tools/zoom-out-mode-inserters.js b/packages/block-editor/src/components/block-tools/zoom-out-mode-inserters.js
@@ -70,6 +70,12 @@ function ZoomOutModeInserters() {
 		>
 			<ZoomOutModeInserterButton
 				onClick={ () => {
+					// Hotfix for wp/6.7 where focus is not transferred to the sidebar if the
+					// block library is already open.
+					const blockLibrary = document.querySelector(
+						'[aria-label="Block Library"]'
+					);
+
 					setInserterIsOpened( {
 						rootClientId: sectionRootClientId,
 						insertionIndex: index + 1,
@@ -79,6 +85,12 @@ function ZoomOutModeInserters() {
 					showInsertionPoint( sectionRootClientId, index + 1, {
 						operation: 'insert',
 					} );
+
+					// If the block library was available before we opened it with `setInserterIsOpened`, we need to
+					// send focus to the block library.
+					if ( blockLibrary ) {
+						blockLibrary.focus();
+					}
 				} }
 			/>
 		</BlockPopoverInbetween>