@vaadin/multi-select-combo-box 24.3.0-alpha8 → 24.3.0-alpha9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/multi-select-combo-box",
-  "version": "24.3.0-alpha8",
+  "version": "24.3.0-alpha9",
   "publishConfig": {
     "access": "public"
   },
@@ -37,17 +37,17 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "24.3.0-alpha8",
-    "@vaadin/combo-box": "24.3.0-alpha8",
-    "@vaadin/component-base": "24.3.0-alpha8",
-    "@vaadin/field-base": "24.3.0-alpha8",
-    "@vaadin/input-container": "24.3.0-alpha8",
-    "@vaadin/item": "24.3.0-alpha8",
-    "@vaadin/lit-renderer": "24.3.0-alpha8",
-    "@vaadin/overlay": "24.3.0-alpha8",
-    "@vaadin/vaadin-lumo-styles": "24.3.0-alpha8",
-    "@vaadin/vaadin-material-styles": "24.3.0-alpha8",
-    "@vaadin/vaadin-themable-mixin": "24.3.0-alpha8"
+    "@vaadin/a11y-base": "24.3.0-alpha9",
+    "@vaadin/combo-box": "24.3.0-alpha9",
+    "@vaadin/component-base": "24.3.0-alpha9",
+    "@vaadin/field-base": "24.3.0-alpha9",
+    "@vaadin/input-container": "24.3.0-alpha9",
+    "@vaadin/item": "24.3.0-alpha9",
+    "@vaadin/lit-renderer": "24.3.0-alpha9",
+    "@vaadin/overlay": "24.3.0-alpha9",
+    "@vaadin/vaadin-lumo-styles": "24.3.0-alpha9",
+    "@vaadin/vaadin-material-styles": "24.3.0-alpha9",
+    "@vaadin/vaadin-themable-mixin": "24.3.0-alpha9"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
@@ -59,5 +59,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "03b2f1c55aadb86b15ad96c7e7dcb059e5fc0604"
+  "gitHead": "ea39f40613cb73b237d08d4c48b890ee7d1844cb"
 }

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

@@ -165,25 +165,22 @@ class MultiSelectComboBoxInternal extends ComboBoxDataProviderMixin(ComboBoxMixi
    * @override
    */
   _setDropdownItems(items) {
-    if (this.readonly || !this.groupSelectedItems) {
+    if (this.filter || this.readonly || !this.groupSelectedItems) {
       this._dropdownItems = items;
       return;
     }
 
-    if (this.topGroup) {
-      const filteredTopItems = [];
-      const filteredItems = [];
-
-      (items || []).forEach((item) => {
-        if (this.topGroup.some((selectedItem) => this._getItemValue(item) === this._getItemValue(selectedItem))) {
-          filteredTopItems.push(item);
-        } else {
-          filteredItems.push(item);
-        }
-      });
+    if (items && items.length && this.topGroup && this.topGroup.length) {
+      // Filter out items included to the top group.
+      const filteredItems = items.filter(
+        (item) => !this.topGroup.some((selectedItem) => this._getItemValue(item) === this._getItemValue(selectedItem)),
+      );
 
-      this._dropdownItems = [...filteredTopItems, ...filteredItems];
+      this._dropdownItems = this.topGroup.concat(filteredItems);
+      return;
     }
+
+    this._dropdownItems = items;
   }
 
   /** @private */

package/theme/lumo/vaadin-multi-select-combo-box-styles.js

@@ -67,6 +67,10 @@ const multiSelectComboBox = css`
     caret-color: var(--lumo-body-text-color) !important;
   }
 
+  [part='label'] {
+    flex-shrink: 0;
+  }
+
   /* Override input-container styles */
   ::slotted([slot='chip']),
   ::slotted([slot='overflow']) {

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/multi-select-combo-box",
-  "version": "24.3.0-alpha8",
+  "version": "24.3.0-alpha9",
   "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.3.0-alpha8",
+  "version": "24.3.0-alpha9",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {