Update: Disable layout toolbar controls for content locked blocks. (#…

…47939)
WordPress · Feb 23, 2023 · 626362e · 626362e · github-actions · Feb 23, 2023
1 parent 80cd581
commit 626362e
Showing 1 changed file with 18 additions and 6 deletions.
diff --git a/packages/block-editor/src/hooks/layout.js b/packages/block-editor/src/hooks/layout.js
@@ -128,13 +128,25 @@ export function useLayoutStyles( block = {}, selector ) {
 	return css;
 }
 
-function LayoutPanel( { setAttributes, attributes, name: blockName } ) {
+function LayoutPanel( {
+	clientId,
+	setAttributes,
+	attributes,
+	name: blockName,
+} ) {
 	const { layout } = attributes;
 	const defaultThemeLayout = useSetting( 'layout' );
-	const themeSupportsLayout = useSelect( ( select ) => {
-		const { getSettings } = select( blockEditorStore );
-		return getSettings().supportsLayout;
-	}, [] );
+	const { themeSupportsLayout, isContentLocked } = useSelect(
+		( select ) => {
+			const { getSettings, __unstableGetContentLockingParent } =
+				select( blockEditorStore );
+			return {
+				themeSupportsLayout: getSettings().supportsLayout,
+				isContentLocked: __unstableGetContentLockingParent( clientId ),
+			};
+		},
+		[ clientId ]
+	);
 
 	const layoutBlockSupport = getBlockSupport(
 		blockName,
@@ -254,7 +266,7 @@ function LayoutPanel( { setAttributes, attributes, name: blockName } ) {
 					) }
 				</PanelBody>
 			</InspectorControls>
-			{ ! inherit && layoutType && (
+			{ ! inherit && ! isContentLocked && layoutType && (
 				<layoutType.toolBarControls
 					layout={ usedLayout }
 					onChange={ onChangeLayout }