@zag-js/combobox 1.23.0 → 1.24.1

package/dist/index.d.mts

@@ -180,6 +180,12 @@ interface ComboboxProps<T extends CollectionItem = CollectionItem> extends Direc
      * Whether to allow typing custom values in the input
      */
     allowCustomValue?: boolean | undefined;
+    /**
+     * Whether to always submit on Enter key press, even if popup is open.
+     * Useful for single-field autocomplete forms where Enter should submit the form.
+     * @default false
+     */
+    alwaysSubmitOnEnter?: boolean | undefined;
     /**
      * Whether to loop the keyboard navigation through the items
      * @default true

package/dist/index.d.ts

@@ -180,6 +180,12 @@ interface ComboboxProps<T extends CollectionItem = CollectionItem> extends Direc
      * Whether to allow typing custom values in the input
      */
     allowCustomValue?: boolean | undefined;
+    /**
+     * Whether to always submit on Enter key press, even if popup is open.
+     * Useful for single-field autocomplete forms where Enter should submit the form.
+     * @default false
+     */
+    alwaysSubmitOnEnter?: boolean | undefined;
     /**
      * Whether to loop the keyboard navigation through the items
      * @default true

package/dist/index.js

@@ -269,7 +269,9 @@ function connect(service, normalize) {
             Enter(event3) {
               send({ type: "INPUT.ENTER", keypress, src: "item-select" });
               const submittable = computed("isCustomValue") && prop("allowCustomValue");
-              if (open && !submittable) {
+              const hasHighlight = highlightedValue != null;
+              const alwaysSubmit = prop("alwaysSubmitOnEnter");
+              if (open && !submittable && !alwaysSubmit && hasHighlight) {
                 event3.preventDefault();
               }
               if (highlightedValue == null) return;
@@ -486,6 +488,7 @@ var machine = createMachine({
       defaultValue: [],
       closeOnSelect: !props2.multiple,
       allowCustomValue: false,
+      alwaysSubmitOnEnter: false,
       inputBehavior: "none",
       selectionBehavior: props2.multiple ? "clear" : "replace",
       openOnKeyPress: true,
@@ -1552,7 +1555,8 @@ var props = types.createProps()([
   "scrollToIndexFn",
   "selectionBehavior",
   "translations",
-  "value"
+  "value",
+  "alwaysSubmitOnEnter"
 ]);
 var splitProps = utils.createSplitProps(props);
 var itemGroupLabelProps = types.createProps()(["htmlFor"]);

package/dist/index.mjs

@@ -267,7 +267,9 @@ function connect(service, normalize) {
             Enter(event3) {
               send({ type: "INPUT.ENTER", keypress, src: "item-select" });
               const submittable = computed("isCustomValue") && prop("allowCustomValue");
-              if (open && !submittable) {
+              const hasHighlight = highlightedValue != null;
+              const alwaysSubmit = prop("alwaysSubmitOnEnter");
+              if (open && !submittable && !alwaysSubmit && hasHighlight) {
                 event3.preventDefault();
               }
               if (highlightedValue == null) return;
@@ -484,6 +486,7 @@ var machine = createMachine({
       defaultValue: [],
       closeOnSelect: !props2.multiple,
       allowCustomValue: false,
+      alwaysSubmitOnEnter: false,
       inputBehavior: "none",
       selectionBehavior: props2.multiple ? "clear" : "replace",
       openOnKeyPress: true,
@@ -1550,7 +1553,8 @@ var props = createProps()([
   "scrollToIndexFn",
   "selectionBehavior",
   "translations",
-  "value"
+  "value",
+  "alwaysSubmitOnEnter"
 ]);
 var splitProps = createSplitProps(props);
 var itemGroupLabelProps = createProps()(["htmlFor"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/combobox",
-  "version": "1.23.0",
+  "version": "1.24.1",
   "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.23.0",
-    "@zag-js/aria-hidden": "1.23.0",
-    "@zag-js/collection": "1.23.0",
-    "@zag-js/core": "1.23.0",
-    "@zag-js/dismissable": "1.23.0",
-    "@zag-js/dom-query": "1.23.0",
-    "@zag-js/utils": "1.23.0",
-    "@zag-js/popper": "1.23.0",
-    "@zag-js/types": "1.23.0"
+    "@zag-js/anatomy": "1.24.1",
+    "@zag-js/aria-hidden": "1.24.1",
+    "@zag-js/collection": "1.24.1",
+    "@zag-js/core": "1.24.1",
+    "@zag-js/dismissable": "1.24.1",
+    "@zag-js/dom-query": "1.24.1",
+    "@zag-js/utils": "1.24.1",
+    "@zag-js/popper": "1.24.1",
+    "@zag-js/types": "1.24.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0"