Hey , Noticed two issues on
onFocus
and onBlur
:
Version:
"@shopify/ui-extensions": "2025.4.0",
"@shopify/ui-extensions-react": "2025.4.0",
Issue 1) onFocus
and onBlur
are not called:
import { Stepper } from '@shopify/ui-extensions-react/customer-account';
export const QuantitySelector = () => {
return (
<Stepper
label="Qty"
onFocus={() => {
console.log('focus');
}}
onBlur={() => {
console.log('blur');
}}
/>
);
};
Issue 2: onFocus
is called, but onBlur
is not:
import { Stepper } from '@shopify/ui-extensions-react/customer-account';
import { useState } from 'react';
export const QuantitySelector = () => {
const [quantity, setQuantity] = useState(1);
return (
<Stepper
label="Qty"
name="quantity"
min={1}
value={quantity}
error={quantity < 1 ? 'Minimum quantity is 1' : undefined}
onChange={value => setQuantity(value ?? 1)}
onFocus={() => {
console.log('focus');
}}
onBlur={() => {
console.log('blur');
}}
/>
);
};