@zag-js/combobox 1.3.2 → 1.4.0

package/dist/index.js

@@ -1260,15 +1260,13 @@ var machine = core.createMachine({
           }
         });
       },
-      syncInputValue({ context, scope }) {
+      syncInputValue({ context, scope, event }) {
         const inputEl = getInputEl(scope);
         if (!inputEl) return;
         inputEl.value = context.get("inputValue");
         queueMicrotask(() => {
-          const { selectionStart, selectionEnd } = inputEl;
-          if (Math.abs((selectionEnd ?? 0) - (selectionStart ?? 0)) !== 0) return;
-          if (selectionStart !== 0) return;
-          inputEl.setSelectionRange(inputEl.value.length, inputEl.value.length);
+          if (event.current().type === "INPUT.CHANGE") return;
+          domQuery.setCaretToEnd(inputEl);
         });
       },
       setInputValue({ context, event }) {

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { createAnatomy } from '@zag-js/anatomy';
 import { ListCollection } from '@zag-js/collection';
-import { raf, observeAttributes, observeChildren, clickIfLink, scrollIntoView, query, dataAttr, ariaAttr, isDownloadingEvent, isOpeningInNewTab, isContextMenuEvent, getEventKey, isLeftClick, isComposingEvent, isAnchorElement } from '@zag-js/dom-query';
+import { raf, setCaretToEnd, observeAttributes, observeChildren, clickIfLink, scrollIntoView, query, dataAttr, ariaAttr, isDownloadingEvent, isOpeningInNewTab, isContextMenuEvent, getEventKey, isLeftClick, isComposingEvent, isAnchorElement } from '@zag-js/dom-query';
 import { getPlacement, getPlacementStyles } from '@zag-js/popper';
 import { match, remove, addOrRemove, isBoolean, isEqual, createSplitProps, ensure } from '@zag-js/utils';
 import { ariaHidden } from '@zag-js/aria-hidden';
@@ -1258,15 +1258,13 @@ var machine = createMachine({
           }
         });
       },
-      syncInputValue({ context, scope }) {
+      syncInputValue({ context, scope, event }) {
         const inputEl = getInputEl(scope);
         if (!inputEl) return;
         inputEl.value = context.get("inputValue");
         queueMicrotask(() => {
-          const { selectionStart, selectionEnd } = inputEl;
-          if (Math.abs((selectionEnd ?? 0) - (selectionStart ?? 0)) !== 0) return;
-          if (selectionStart !== 0) return;
-          inputEl.setSelectionRange(inputEl.value.length, inputEl.value.length);
+          if (event.current().type === "INPUT.CHANGE") return;
+          setCaretToEnd(inputEl);
         });
       },
       setInputValue({ context, event }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/combobox",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "description": "Core logic for the combobox widget implemented as a state machine",
   "keywords": [
     "js",
@@ -26,15 +26,15 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.3.2",
-    "@zag-js/aria-hidden": "1.3.2",
-    "@zag-js/collection": "1.3.2",
-    "@zag-js/core": "1.3.2",
-    "@zag-js/dismissable": "1.3.2",
-    "@zag-js/dom-query": "1.3.2",
-    "@zag-js/utils": "1.3.2",
-    "@zag-js/popper": "1.3.2",
-    "@zag-js/types": "1.3.2"
+    "@zag-js/anatomy": "1.4.0",
+    "@zag-js/aria-hidden": "1.4.0",
+    "@zag-js/collection": "1.4.0",
+    "@zag-js/core": "1.4.0",
+    "@zag-js/dismissable": "1.4.0",
+    "@zag-js/dom-query": "1.4.0",
+    "@zag-js/utils": "1.4.0",
+    "@zag-js/popper": "1.4.0",
+    "@zag-js/types": "1.4.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"