Handle more deeply nested blocks

humanmade · Oct 30, 2023 · 02a2916 · 02a2916
1 parent c349f15
commit 02a2916
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/InnerBlockSlider/inner-block-slider-controlled.js b/src/components/InnerBlockSlider/inner-block-slider-controlled.js
@@ -34,14 +34,14 @@ const InnerBlockSliderControlled = ( {
 	const {
 		slideBlocks,
 		selectedBlockId,
-		hasSelectedInnerBlock,
+		getLowestCommonAncestorWithSelectedBlock,
 	 } = useSelect(
 		( select ) => {
 			const blockEditorStore = select( 'core/block-editor' );
 			return {
 				slideBlocks: blockEditorStore.getBlock( parentBlockId ).innerBlocks,
 				selectedBlockId: blockEditorStore.getSelectedBlockClientId(),
-				hasSelectedInnerBlock: blockEditorStore.hasSelectedInnerBlock,
+				getLowestCommonAncestorWithSelectedBlock: blockEditorStore.getLowestCommonAncestorWithSelectedBlock,
 			};
 		}
 	);
@@ -89,13 +89,13 @@ const InnerBlockSliderControlled = ( {
 	 */
 	useEffect( () => {
 		const found = slideBlocks.findIndex( ( slideBlock ) => {
-			return slideBlock.clientId === selectedBlockId || hasSelectedInnerBlock( slideBlock.clientId );
+			return getLowestCommonAncestorWithSelectedBlock( slideBlock.clientId ) === slideBlock.clientId;
 		} );
 
 		if ( found >= 0 ) {
 			setCurrentItemIndex( found );
 		}
-	}, [ selectedBlockId, slideBlocks, setCurrentItemIndex, hasSelectedInnerBlock ] );
+	}, [ selectedBlockId, slideBlocks, setCurrentItemIndex, getLowestCommonAncestorWithSelectedBlock ] );
 
 	return (
 		<div className="inner-block-slider">