Hide active inserter

WordPress · May 8, 2024 · e1f2b05 · e1f2b05
1 parent ba6a804
commit e1f2b05
Showing 1 changed file with 7 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
@@ -20,6 +20,7 @@ function Inserter( {
 	blockOrder,
 	__unstableContentRef,
 	index,
+	setActiveInserter,
 } ) {
 	const { setInserterIsOpened, insertionIndex } = useSelect(
 		( select ) => {
@@ -57,6 +58,7 @@ function Inserter( {
 						tab: 'patterns',
 						category: 'all',
 					} );
+					setActiveInserter( index );
 				} }
 				label={ label }
 			/>
@@ -66,6 +68,7 @@ function Inserter( {
 
 function ZoomOutModeInserters( { __unstableContentRef } ) {
 	const [ isReady, setIsReady ] = useState( false );
+	const [ activeInserter, setActiveInserter ] = useState( null );
 	const { blockOrder, sectionRootClientId } = useSelect( ( select ) => {
 		const { sectionRootClientId: root } = unlock(
 			select( blockEditorStore ).getSettings()
@@ -91,6 +94,9 @@ function ZoomOutModeInserters( { __unstableContentRef } ) {
 	}
 
 	return blockOrder.map( ( clientId, index ) => {
+		if ( activeInserter === index ) {
+			return null;
+		}
 		if ( index === blockOrder.length - 1 ) {
 			return null;
 		}
@@ -102,6 +108,7 @@ function ZoomOutModeInserters( { __unstableContentRef } ) {
 				index={ index }
 				blockOrder={ blockOrder }
 				__unstableContentRef={ __unstableContentRef }
+				setActiveInserter={ setActiveInserter }
 			/>
 		);
 	} );