Add the onfocus to the custom unit select unit control

WordPress · Nov 28, 2022 · 9a49313 · 9a49313
1 parent 2e34359
commit 9a49313
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/components/src/unit-control/index.tsx b/packages/components/src/unit-control/index.tsx
@@ -60,6 +60,7 @@ function UnforwardedUnitControl(
 		units: unitsProp = CSS_UNITS,
 		value: valueProp,
 		onBlur: onBlurProp,
+		onFocus: onFocusProp,
 		...props
 	} = unitControlProps;
 
@@ -244,6 +245,9 @@ function UnforwardedUnitControl(
 			unit={ unit }
 			units={ units }
 			onBlur={ onBlurProp }
+			onFocus={
+				onFocusProp as unknown as FocusEventHandler< HTMLSelectElement >
+			}
 		/>
 	) : null;
 
@@ -269,6 +273,7 @@ function UnforwardedUnitControl(
 			isPressEnterToChange={ isPressEnterToChange }
 			label={ label }
 			onBlur={ handleOnBlur }
+			onFocus={ onFocusProp }
 			onKeyDown={ handleOnKeyDown }
 			onChange={ handleOnQuantityChange }
 			ref={ forwardedRef }

diff --git a/packages/components/src/unit-control/unit-select-control.tsx b/packages/components/src/unit-control/unit-select-control.tsx
@@ -16,6 +16,7 @@ export default function UnitSelectControl( {
 	className,
 	isUnitSelectTabbable: isTabbable = true,
 	onChange,
+	onFocus,
 	size = 'default',
 	unit = 'px',
 	units = CSS_UNITS,