fix: prevent label from shrinking with all-chips-visible (#6721)

Author: web-padawan

packages/multi-select-combo-box/test/visual/lumo/multi-select-combo-box.test.js

@@ -134,6 +134,17 @@ describe('multi-select-combo-box', () => {
       element.style.maxWidth = '250px';
       await visualDiff(div, 'all-chips-visible-max-width');
     });
+
+    it('all chips visible height', async () => {
+      element.label = 'Label';
+      element.style.width = '300px';
+      element.style.height = '200px';
+      div.style.height = '240px';
+      const items = Array.from({ length: 20 }).map((_, i) => `Item ${i}`);
+      element.items = items;
+      element.selectedItems = items;
+      await visualDiff(div, 'all-chips-visible-height');
+    });
   });
 
   describe('opened', () => {

packages/multi-select-combo-box/test/visual/lumo/screenshots/multi-select-combo-box/baseline/all-chips-visible-height.png

@@ -44,6 +44,10 @@ const multiSelectComboBox = css`
     caret-color: var(--lumo-body-text-color) !important;
   }
 
+  [part='label'] {
+    flex-shrink: 0;
+  }
+
   [part~='chip']:not(:last-of-type) {
     margin-inline-end: var(--lumo-space-xs);
   }