BoxControl: Better minimum value support (WordPress#67819)

Co-authored-by: youknowriad <[email protected]> Co-authored-by: jorgefilipecosta <[email protected]>
MaxMood96 · Dec 12, 2024 · 9e3bdeb · 9e3bdeb
1 parent 40022a3
commit 9e3bdeb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -7,6 +7,10 @@
 -   `SelectControl`: Deprecate 36px default size ([#66898](https://github.com/WordPress/gutenberg/pull/66898)).
 -   `InputControl`: Deprecate 36px default size ([#66897](https://github.com/WordPress/gutenberg/pull/66897)).
 
+### Bug Fixes
+
+-   `BoxControl`: Better respect for the `min` prop in the Range Slider ([#67819](https://github.com/WordPress/gutenberg/pull/67819)).
+
 ## 29.0.0 (2024-12-11)
 
 ### Breaking Changes

diff --git a/packages/components/src/box-control/input-control.tsx b/packages/components/src/box-control/input-control.tsx
@@ -78,6 +78,7 @@ export default function BoxInputControl( {
 	setSelectedUnits,
 	sides,
 	side,
+	min = 0,
 	...props
 }: BoxControlInputControlProps ) {
 	const defaultValuesToModify = getSidesToModify( side, sides );
@@ -154,6 +155,7 @@ export default function BoxInputControl( {
 			<Tooltip placement="top-end" text={ LABELS[ side ] }>
 				<StyledUnitControl
 					{ ...props }
+					min={ min }
 					__shouldNotWarnDeprecated36pxSize
 					__next40pxDefaultSize={ __next40pxDefaultSize }
 					className="component-box-control__unit-control"
@@ -184,7 +186,7 @@ export default function BoxInputControl( {
 							: undefined
 					);
 				} }
-				min={ 0 }
+				min={ isFinite( min ) ? min : 0 }
 				max={ CUSTOM_VALUE_SETTINGS[ computedUnit ?? 'px' ]?.max ?? 10 }
 				step={
 					CUSTOM_VALUE_SETTINGS[ computedUnit ?? 'px' ]?.step ?? 0.1