I’ve got this primitive UI extension implemented in React (not preact):
const [value, setValue] = useState(0);
const handleChange = useCallback((e: any) => {
setValue(e.currentTarget.value);
}, [setValue]);
return (
<s-stack direction="inline" gap="small">
<s-text-field onInput={handleChange} value={value} />
<s-text>
= {value}
</s-text>
</s-stack>
);
It works fine in the form shown above, but only until I switch from onInput to onChange or, for example, onFocus — neither of these events seem to be detected in React at the moment.
Is there any chance this could be fixed soon, so I can properly test everything before the 2025-10 release? Or am I possibly missing something in my setup?
Here are some additional test results:
-
Other inputs, like
s-select, appear to be affected by this issue as well. -
onClick(ons-buttons) andonInputwork as expected. -
Adding or removing
useCallback()doesn’t seem to make any difference. -
Switching from React to Preact makes
onChangework in my primitive test, but unfortunately, the Preact setup introduces many other unrelated issues, so I’d prefer to stick with React for now. At the moment, the only remaining problem isonChangeandonFocusnot functioning in my use case.