Block Editor: Prevent negative width values in Spacer block when used…

… inside a row block
WordPress · Jan 23, 2025 · f0d0c0e · f0d0c0e
1 parent 0d35e9f
commit f0d0c0e
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/child-layout-control/index.js b/packages/block-editor/src/components/child-layout-control/index.js
@@ -48,6 +48,7 @@ function helpText( selfStretch, parentLayout ) {
  *
  * @param {boolean}  props.isShownByDefault
  * @param {string}   props.panelId
+ * @param {number}   [props.minUnitValue=0] Minimum allowed value for the unit control
  * @return {Element} child layout edit element.
  */
 export default function ChildLayoutControl( {
@@ -56,6 +57,7 @@ export default function ChildLayoutControl( {
 	parentLayout,
 	isShownByDefault,
 	panelId,
+	minUnitValue = 0,
 } ) {
 	const {
 		type: parentType,
@@ -71,6 +73,7 @@ export default function ChildLayoutControl( {
 				parentLayout={ parentLayout }
 				isShownByDefault={ isShownByDefault }
 				panelId={ panelId }
+				minUnitValue={ minUnitValue }
 			/>
 		);
 	} else if ( parentLayoutType === 'grid' ) {
@@ -94,6 +97,7 @@ function FlexControls( {
 	parentLayout,
 	isShownByDefault,
 	panelId,
+	minUnitValue,
 } ) {
 	const { selfStretch, flexSize } = childLayout;
 	const { orientation = 'horizontal' } = parentLayout ?? {};
@@ -188,6 +192,7 @@ function FlexControls( {
 						} );
 					} }
 					value={ flexSize }
+					min={ minUnitValue }
 					label={ flexResetLabel }
 					hideLabelFromVision
 				/>