fixes

lzeiml · lzeiml · commit 7205319dbb03 · 2026-06-26T08:59:50.000+02:00
diff --git a/packages/core/src/components.d.ts b/packages/core/src/components.d.ts
@@ -3372,7 +3372,7 @@ export namespace Components {
         "ariaLabelClearIconButton"?: string;
         /**
           * Accessible label template for the overflow indicator chip shown in multiple mode when not all selected chips fit on a single row. The `{count}` placeholder is replaced with the number of hidden items (e.g. "3 more").
-          * @since 6.0.0
+          * @since 5.1.0
           * @default '{count} more'
          */
         "ariaLabelMoreItems": string;
@@ -9908,7 +9908,7 @@ declare namespace LocalJSX {
         "ariaLabelClearIconButton"?: string;
         /**
           * Accessible label template for the overflow indicator chip shown in multiple mode when not all selected chips fit on a single row. The `{count}` placeholder is replaced with the number of hidden items (e.g. "3 more").
-          * @since 6.0.0
+          * @since 5.1.0
           * @default '{count} more'
          */
         "ariaLabelMoreItems"?: string;
diff --git a/packages/core/src/components/filter-chip/filter-chip.scss b/packages/core/src/components/filter-chip/filter-chip.scss
@@ -29,6 +29,7 @@
   .slot-container {
     @include text-truncation.ellipsis;
     line-height: vars.$large-space;
+    min-width: 0;
 
     :host-context(.disabled) {
       background-color: var(--theme-color-ghost);
diff --git a/packages/core/src/components/select/select.scss b/packages/core/src/components/select/select.scss
@@ -110,6 +110,7 @@
       > ix-filter-chip {
         margin: 0.1rem;
         flex-shrink: 0;
+        max-width: 6.25rem;
 
         &.chip-measuring {
           position: absolute;
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-long-item-label-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-long-item-label-1-chromium---classic-dark-linux.png
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-long-item-label-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-long-item-label-1-chromium---classic-light-linux.png
diff --git a/testing/visual-testing/tests/select/mode-multiple-long-item-label/index.html b/testing/visual-testing/tests/select/mode-multiple-long-item-label/index.html
@@ -0,0 +1,29 @@
+<!--
+SPDX-FileCopyrightText: 2024 Siemens AG
+
+SPDX-License-Identifier: MIT
+-->
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
+    />
+    <title>Stencil Component Starter</title>
+  </head>
+  <body padding="2rem">
+    <div style="width: 200px">
+      <ix-select value="1" mode="multiple">
+        <ix-select-item
+          label="Iteeeeeeeeeeeeeeeem 1"
+          value="1"
+        ></ix-select-item>
+      </ix-select>
+    </div>
+
+    <script src="./../../utils/test/runtime/main.ts" type="module"></script>
+  </body>
+</html>
diff --git a/testing/visual-testing/tests/select/select.e2e.ts b/testing/visual-testing/tests/select/select.e2e.ts
@@ -53,6 +53,12 @@ regressionTest.describe('select', () => {
     expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
   });
 
+  regressionTest('mode-multiple-long-item-label', async ({ page }) => {
+    await page.goto('select/mode-multiple-long-item-label');
+
+    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+  });
+
   regressionTest('overflow', async ({ page }) => {
     await page.goto('select/overflow');
     await page.locator('ix-select').locator('[data-select-dropdown]').click();
