fix(combobox): autocomplete not working in vue version (#993)

chakra-ui · Nov 6, 2023 · d827002 · d827002 · vercel · Nov 6, 2023
1 parent 2756577
commit d827002
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/ten-candles-pretend.md b/.changeset/ten-candles-pretend.md
@@ -0,0 +1,5 @@
+---
+"@zag-js/combobox": patch
+---
+
+Fix autocomplete input behavior not working in Vue version
diff --git a/packages/machines/combobox/src/combobox.machine.ts b/packages/machines/combobox/src/combobox.machine.ts
@@ -573,7 +573,9 @@ export function machine<T extends CollectionItem>(userContext: UserDefinedContex
           const inputEl = dom.getInputEl(ctx)
           if (!ctx.autoComplete || !inputEl || !KEYDOWN_EVENT_REGEX.test(evt.type)) return
           const valueText = ctx.collection.valueToString(ctx.highlightedValue)
-          inputEl.value = valueText || ctx.inputValue
+          raf(() => {
+            inputEl.value = valueText || ctx.inputValue
+          })
         },
         setCollection(ctx, evt) {
           ctx.collection = evt.value