fix: number input mutation timing

chakra-ui · Nov 3, 2023 · 7751c72 · 7751c72 · vercel · Nov 3, 2023
1 parent f21fdbb
commit 7751c72
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/.changeset/funny-pugs-lie.md b/.changeset/funny-pugs-lie.md
@@ -0,0 +1,5 @@
+---
+"@zag-js/number-input": patch
+---
+
+Fix issue where "." cannot be entered due to virtual dom timing between frameworks
diff --git a/packages/machines/number-input/src/number-input.machine.ts b/packages/machines/number-input/src/number-input.machine.ts
@@ -376,10 +376,9 @@ export function machine(userContext: UserDefinedContext) {
           // record cursor position before updating input value
           const sel = recordCursor(inputEl!)
 
-          dom.setValue(inputEl, inputValue)
-
           // restore cursor position after updating input value
           raf(() => {
+            dom.setValue(inputEl, inputValue)
             restoreCursor(inputEl!, sel)
           })
         },