add expand on hover back

WordPress · Sep 24, 2024 · fa43644 · fa43644
1 parent 16d52c1
commit fa43644
Showing 1 changed file with 29 additions and 21 deletions.
diff --git a/packages/block-editor/src/components/block-list/zoom-out-separator.js b/packages/block-editor/src/components/block-list/zoom-out-separator.js
@@ -22,27 +22,32 @@ import { unlock } from '../../lock-unlock';
 
 export function ZoomOutSeparator( { clientId, rootClientId = '' } ) {
 	const [ isDraggedOver, setIsDraggedOver ] = useState( false );
-	const { sectionRootClientId, sectionClientIds, isBlockSelected } =
-		useSelect( ( select ) => {
-			const {
-				getBlockInsertionPoint,
-				getBlockOrder,
-				isBlockInsertionPointVisible,
-				getSectionRootClientId,
-				isBlockSelected: _isBlockSelected,
-			} = unlock( select( blockEditorStore ) );
+	const {
+		sectionRootClientId,
+		sectionClientIds,
+		isBlockSelected,
+		blockInsertionPoint,
+		blockInsertionPointVisible,
+	} = useSelect( ( select ) => {
+		const {
+			getBlockInsertionPoint,
+			getBlockOrder,
+			isBlockInsertionPointVisible,
+			getSectionRootClientId,
+			isBlockSelected: _isBlockSelected,
+		} = unlock( select( blockEditorStore ) );
 
-			const root = getSectionRootClientId();
-			const sectionRootClientIds = getBlockOrder( root );
-			return {
-				isBlockSelected: _isBlockSelected,
-				sectionRootClientId: root,
-				sectionClientIds: sectionRootClientIds,
-				blockOrder: getBlockOrder( root ),
-				blockInsertionPoint: getBlockInsertionPoint(),
-				blockInsertionPointVisible: isBlockInsertionPointVisible(),
-			};
-		}, [] );
+		const root = getSectionRootClientId();
+		const sectionRootClientIds = getBlockOrder( root );
+		return {
+			isBlockSelected: _isBlockSelected,
+			sectionRootClientId: root,
+			sectionClientIds: sectionRootClientIds,
+			blockOrder: getBlockOrder( root ),
+			blockInsertionPoint: getBlockInsertionPoint(),
+			blockInsertionPointVisible: isBlockInsertionPointVisible(),
+		};
+	}, [] );
 
 	const isReducedMotion = useReducedMotion();
 
@@ -61,7 +66,10 @@ export function ZoomOutSeparator( { clientId, rootClientId = '' } ) {
 		return null;
 	}
 
-	isVisible = isBlockSelected( clientId );
+	isVisible =
+		isBlockSelected( clientId ) ||
+		( blockInsertionPointVisible &&
+			clientId === sectionClientIds[ blockInsertionPoint.index ] );
 
 	return (
 		<AnimatePresence>