Fix edge case

WordPress · Dec 9, 2024 · 27c4540 · 27c4540
1 parent df9490d
commit 27c4540
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/components/src/box-control/input-control.tsx b/packages/components/src/box-control/input-control.tsx
@@ -139,6 +139,8 @@ export default function BoxInputControl( {
 		: selectedUnits[ defaultValuesToModify[ 0 ] ];
 	const generatedId = useInstanceId( BoxInputControl, 'box-control-input' );
 	const inputId = [ generatedId, side ].join( '-' );
+	const usedValue =
+		mergedValue === undefined && computedUnit ? computedUnit : mergedValue;
 
 	return (
 		<InputWrapper key={ `box-control-${ side }` } expanded>
@@ -151,7 +153,7 @@ export default function BoxInputControl( {
 					className="component-box-control__unit-control"
 					id={ inputId }
 					isPressEnterToChange
-					value={ mergedValue }
+					value={ usedValue }
 					onChange={ handleOnValueChange }
 					onUnitChange={ handleOnUnitChange }
 					onFocus={ handleOnFocus }