@vaadin/multi-select-combo-box 25.2.3 → 25.2.5

package/custom-elements.json

@@ -170,7 +170,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
+              "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
               "attribute": "clear-button-visible",
               "inheritedFrom": {
                 "name": "ClearButtonMixin",
@@ -756,7 +756,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
+              "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
               "fieldName": "clearButtonVisible",
               "inheritedFrom": {
                 "name": "ClearButtonMixin",
@@ -1269,7 +1269,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
+              "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
               "attribute": "clear-button-visible",
               "inheritedFrom": {
                 "name": "ClearButtonMixin",
@@ -1948,7 +1948,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
+              "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
               "fieldName": "clearButtonVisible",
               "inheritedFrom": {
                 "name": "ClearButtonMixin",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/multi-select-combo-box",
-  "version": "25.2.3",
+  "version": "25.2.5",
   "publishConfig": {
     "access": "public"
   },
@@ -37,23 +37,23 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "~25.2.3",
-    "@vaadin/combo-box": "~25.2.3",
-    "@vaadin/component-base": "~25.2.3",
-    "@vaadin/field-base": "~25.2.3",
-    "@vaadin/input-container": "~25.2.3",
-    "@vaadin/item": "~25.2.3",
-    "@vaadin/lit-renderer": "~25.2.3",
-    "@vaadin/overlay": "~25.2.3",
-    "@vaadin/vaadin-themable-mixin": "~25.2.3",
+    "@vaadin/a11y-base": "~25.2.5",
+    "@vaadin/combo-box": "~25.2.5",
+    "@vaadin/component-base": "~25.2.5",
+    "@vaadin/field-base": "~25.2.5",
+    "@vaadin/input-container": "~25.2.5",
+    "@vaadin/item": "~25.2.5",
+    "@vaadin/lit-renderer": "~25.2.5",
+    "@vaadin/overlay": "~25.2.5",
+    "@vaadin/vaadin-themable-mixin": "~25.2.5",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/aura": "~25.2.3",
-    "@vaadin/chai-plugins": "~25.2.3",
-    "@vaadin/test-runner-commands": "~25.2.3",
+    "@vaadin/aura": "~25.2.5",
+    "@vaadin/chai-plugins": "~25.2.5",
+    "@vaadin/test-runner-commands": "~25.2.5",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "~25.2.3",
+    "@vaadin/vaadin-lumo-styles": "~25.2.5",
     "sinon": "^22.0.0"
   },
   "customElements": "custom-elements.json",
@@ -61,5 +61,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "3262084812870d48255afbd19b76fc8b1af32604"
+  "gitHead": "bfaf51d71619f34c0b00b326e6426f1cd9f7b2f5"
 }

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

@@ -481,8 +481,10 @@ export const MultiSelectComboBoxMixin = (superClass) =>
           getComputedStyle(this).getPropertyValue(`--${this._tagNamePrefix}-overlay-max-height`) || '65vh';
       }
 
+      const isClosing = this.hasAttribute('closing');
+
       this._scroller.setProperties({
-        items: opened ? items : [],
+        items: opened || isClosing ? items : [],
         opened,
         focusedIndex,
         theme,
@@ -1314,6 +1316,10 @@ export const MultiSelectComboBoxMixin = (superClass) =>
     _overlaySelectedItemChanged(event) {
       event.stopPropagation();
 
+      if (this.hasAttribute('closing')) {
+        return;
+      }
+
       // Do not un-select on click when readonly
       if (this.readonly) {
         return;

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/multi-select-combo-box",
-  "version": "25.2.3",
+  "version": "25.2.5",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -93,7 +93,7 @@
             },
             {
               "name": "clear-button-visible",
-              "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
+              "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
               "value": {
                 "type": [
                   "boolean"
@@ -395,7 +395,7 @@
               },
               {
                 "name": "clearButtonVisible",
-                "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
+                "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
                 "value": {
                   "type": [
                     "boolean"

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/multi-select-combo-box",
-  "version": "25.2.3",
+  "version": "25.2.5",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {
@@ -84,7 +84,7 @@
             },
             {
               "name": "?clearButtonVisible",
-              "description": "Set to true to display the clear icon which clears the input.\n\nIt is up to the component to choose where to place the clear icon:\nin the Shadow DOM or in the light DOM. In any way, a reference to\nthe clear icon element should be provided via the `clearElement` getter.",
+              "description": "Set to true to display the clear icon which clears the input.\nThis also enables clearing the input when pressing Esc key.",
               "value": {
                 "kind": "expression"
               }