@vaadin/multi-select-combo-box 24.6.0-beta1 → 24.7.0-alpha1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/multi-select-combo-box",
-  "version": "24.6.0-beta1",
+  "version": "24.7.0-alpha1",
   "publishConfig": {
     "access": "public"
   },
@@ -39,21 +39,21 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "24.6.0-beta1",
-    "@vaadin/combo-box": "24.6.0-beta1",
-    "@vaadin/component-base": "24.6.0-beta1",
-    "@vaadin/field-base": "24.6.0-beta1",
-    "@vaadin/input-container": "24.6.0-beta1",
-    "@vaadin/item": "24.6.0-beta1",
-    "@vaadin/lit-renderer": "24.6.0-beta1",
-    "@vaadin/overlay": "24.6.0-beta1",
-    "@vaadin/vaadin-lumo-styles": "24.6.0-beta1",
-    "@vaadin/vaadin-material-styles": "24.6.0-beta1",
-    "@vaadin/vaadin-themable-mixin": "24.6.0-beta1",
+    "@vaadin/a11y-base": "24.7.0-alpha1",
+    "@vaadin/combo-box": "24.7.0-alpha1",
+    "@vaadin/component-base": "24.7.0-alpha1",
+    "@vaadin/field-base": "24.7.0-alpha1",
+    "@vaadin/input-container": "24.7.0-alpha1",
+    "@vaadin/item": "24.7.0-alpha1",
+    "@vaadin/lit-renderer": "24.7.0-alpha1",
+    "@vaadin/overlay": "24.7.0-alpha1",
+    "@vaadin/vaadin-lumo-styles": "24.7.0-alpha1",
+    "@vaadin/vaadin-material-styles": "24.7.0-alpha1",
+    "@vaadin/vaadin-themable-mixin": "24.7.0-alpha1",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "24.6.0-beta1",
+    "@vaadin/chai-plugins": "24.7.0-alpha1",
     "@vaadin/testing-helpers": "^1.0.0",
     "sinon": "^18.0.0"
   },
@@ -61,5 +61,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "ab28efb0dcf2cd1ef72100e2e8f32232fa49aacc"
+  "gitHead": "04be941c9a7b659871c97f31b9cc3ffd7528087b"
 }

package/src/vaadin-multi-select-combo-box-internal-mixin.js

@@ -121,6 +121,12 @@ export const MultiSelectComboBoxInternalMixin = (superClass) =>
       return 'vaadin-multi-select-combo-box';
     }
 
+    constructor() {
+      super();
+
+      this.addEventListener('custom-value-set', this.__onCustomValueSet.bind(this));
+    }
+
     /**
      * Override method inherited from the combo-box
      * to allow opening dropdown when readonly.
@@ -341,6 +347,19 @@ export const MultiSelectComboBoxInternalMixin = (superClass) =>
       }
     }
 
+    /**
+     * Override method inherited from the combo-box
+     * to not commit an already selected item again
+     * after closing overlay on outside click.
+     * @protected
+     * @override
+     */
+    _onClosed() {
+      this._ignoreCommitValue = true;
+
+      super._onClosed();
+    }
+
     /**
      * Override method inherited from the combo-box
      * to not commit an already selected item again
@@ -353,7 +372,7 @@ export const MultiSelectComboBoxInternalMixin = (superClass) =>
         this._ignoreCommitValue = false;
 
         // Reset internal combo-box state
-        this.selectedItem = null;
+        this.clear();
         this._inputElementValue = '';
         return;
       }
@@ -422,4 +441,13 @@ export const MultiSelectComboBoxInternalMixin = (superClass) =>
 
       super.clearCache();
     }
+
+    /** @private */
+    __onCustomValueSet(event) {
+      // Prevent setting custom value on input blur or outside click,
+      // so it can be only committed explicitly by pressing Enter.
+      if (this._ignoreCommitValue) {
+        event.stopImmediatePropagation();
+      }
+    }
   };

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/multi-select-combo-box",
-  "version": "24.6.0-beta1",
+  "version": "24.7.0-alpha1",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/multi-select-combo-box",
-  "version": "24.6.0-beta1",
+  "version": "24.7.0-alpha1",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {