Only show grid resizer if grid block allows resizing on children. (#6…

…1552) Co-authored-by: tellthemachines <[email protected]> Co-authored-by: andrewserong <[email protected]>
WordPress · May 10, 2024 · 4d1c083 · 4d1c083
1 parent df77d44
commit 4d1c083
Showing 1 changed file with 21 additions and 15 deletions.
diff --git a/packages/block-editor/src/hooks/layout-child.js b/packages/block-editor/src/hooks/layout-child.js
@@ -135,13 +135,17 @@ function useBlockPropsChildLayoutStyles( { style } ) {
 
 function ChildLayoutControlsPure( { clientId, style, setAttributes } ) {
 	const parentLayout = useLayout() || {};
+	const {
+		type: parentLayoutType = 'default',
+		allowSizingOnChildren = false,
+	} = parentLayout;
 	const rootClientId = useSelect(
 		( select ) => {
 			return select( blockEditorStore ).getBlockRootClientId( clientId );
 		},
 		[ clientId ]
 	);
-	if ( parentLayout.type !== 'grid' ) {
+	if ( parentLayoutType !== 'grid' ) {
 		return null;
 	}
 	if ( ! window.__experimentalEnableGridInteractivity ) {
@@ -150,21 +154,23 @@ function ChildLayoutControlsPure( { clientId, style, setAttributes } ) {
 	return (
 		<>
 			<GridVisualizer clientId={ rootClientId } />
-			<GridItemResizer
-				clientId={ clientId }
-				onChange={ ( { columnSpan, rowSpan } ) => {
-					setAttributes( {
-						style: {
-							...style,
-							layout: {
-								...style?.layout,
-								columnSpan,
-								rowSpan,
+			{ allowSizingOnChildren && (
+				<GridItemResizer
+					clientId={ clientId }
+					onChange={ ( { columnSpan, rowSpan } ) => {
+						setAttributes( {
+							style: {
+								...style,
+								layout: {
+									...style?.layout,
+									columnSpan,
+									rowSpan,
+								},
 							},
-						},
-					} );
-				} }
-			/>
+						} );
+					} }
+				/>
+			) }
 		</>
 	);
 }