Fix: Wrap commit() in flushSync on Enter in useNumberField When Enter is pressed in NumberField, commit() was called without flushSync, unlike the blur handler which wraps commit() in flushSync. This caused controlled form libraries reading React state immediately after Enter to receive stale values instead of the committed value. The browser synthesizes a trusted click on the form's submit button when Enter is pressed, firing onSubmit before the unguarded commit() has flushed to React state. This change wraps commit() in flushSync on Enter, making it consistent with the blur behavior and ensuring the value is flushed synchronously before any consumer reads form state. Fixes adobe#9671 (adobe#9683)

Author: tariq-r

packages/@react-aria/numberfield/src/useNumberField.ts

@@ -219,7 +219,9 @@ export function useNumberField(props: AriaNumberFieldProps, state: NumberFieldSt
     }
 
     if (e.key === 'Enter') {
-      commit();
+      flushSync(() => {
+        commit();
+      });
       commitValidation();
     } else {
       e.continuePropagation();