siemens · lzeiml · Feb 3, 2026 · Feb 3, 2026 · Feb 3, 2026 · Feb 19, 2026
diff --git a/.changeset/stupid-sheep-grin.md b/.changeset/stupid-sheep-grin.md
@@ -0,0 +1,5 @@
+---
+"@siemens/ix": minor
+---
+
+In multiple-mode **ix-select** now displays "+<number>" for the number of items that are selected if more than two items have been selected.
-In multiple-mode **ix-select** now displays "+<number>" for the number of items that are selected if more than two items have been selected.
+In multiple-mode **ix-select** now displays "+<number>" to summarize selected items that overflow the available width.
-In multiple-mode **ix-select** now displays "+<number>" for the number of items that are selected if more than two items have been selected.
+In multiple-mode **ix-select** now displays "+<number>" to summarize selected items that overflow the available width.
diff --git a/...tton-in-cell-should-appear-above-other-rows-1-chromium---classic-dark-linux.png b/...tton-in-cell-should-appear-above-other-rows-1-chromium---classic-dark-linux.png
diff --git a/...ton-in-cell-should-appear-above-other-rows-1-chromium---classic-light-linux.png b/...ton-in-cell-should-appear-above-other-rows-1-chromium---classic-light-linux.png
diff --git a/...lect-in-cell-should-appear-above-other-rows-1-chromium---classic-dark-linux.png b/...lect-in-cell-should-appear-above-other-rows-1-chromium---classic-dark-linux.png
diff --git a/...ect-in-cell-should-appear-above-other-rows-1-chromium---classic-light-linux.png b/...ect-in-cell-should-appear-above-other-rows-1-chromium---classic-light-linux.png
diff --git a/.../aggrid-header-checkbox-should-be-unchecked-1-chromium---classic-dark-linux.png b/.../aggrid-header-checkbox-should-be-unchecked-1-chromium---classic-dark-linux.png
diff --git a/...s/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---classic-dark-linux.png b/...s/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---classic-dark-linux.png
diff --git a/packages/angular-standalone-test-app/src/preview-examples/select-multiple.ts b/packages/angular-standalone-test-app/src/preview-examples/select-multiple.ts
@@ -18,7 +18,7 @@ import {
   selector: 'app-example',
   imports: [IxSelect, IxSelectItem, IxSelectValueAccessorDirective],
   template: `
-    <ix-select mode="multiple" [value]="value">
+    <ix-select mode="multiple" style="width: 300px" [value]="value">
       <ix-select-item label="Item 1" value="1"></ix-select-item>
       <ix-select-item label="Item 2" value="2"></ix-select-item>
       <ix-select-item label="Item 3" value="3"></ix-select-item>
@@ -27,5 +27,5 @@ import {
   `,
 })
 export default class SelectMultiple {
-  value = ['1', '3'];
+  value = ['1', '3', '4'];
 }
diff --git a/packages/angular-test-app/src/preview-examples/select-multiple.ts b/packages/angular-test-app/src/preview-examples/select-multiple.ts
@@ -13,7 +13,7 @@ import { Component } from '@angular/core';
   standalone: false,
   selector: 'app-example',
   template: `
-    <ix-select mode="multiple" [value]="value">
+    <ix-select mode="multiple" style="width: 300px" [value]="value">
       <ix-select-item label="Item 1" value="1"></ix-select-item>
       <ix-select-item label="Item 2" value="2"></ix-select-item>
       <ix-select-item label="Item 3" value="3"></ix-select-item>
@@ -22,5 +22,5 @@ import { Component } from '@angular/core';
   `,
 })
 export default class SelectMultiple {
-  value = ['1', '3'];
+  value = ['1', '3', '4'];
 }
diff --git a/packages/core/src/components/select/select.scss b/packages/core/src/components/select/select.scss
@@ -20,8 +20,6 @@
 :host {
   display: inline-block;
   position: relative;
-  min-height: 2rem;
-  height: auto;
   border-radius: var(--theme-input--border-radius);
 
   @include component.ix-component;
@@ -31,6 +29,7 @@
     display: flex;
     align-items: center;
     width: 100%;
+    height: 2rem;
     background-color: var(--theme-input--background);
     border: var(--theme-input--border-thickness) solid
       var(--theme-input--border-color);
@@ -87,7 +86,8 @@
   .trigger {
     display: flex;
     align-items: center;
-    flex-grow: 1;
+    flex: 1 1 0;
+    min-width: 4rem;
     height: 100%;
   }
 
@@ -102,13 +102,18 @@
       position: relative;
       display: flex;
       align-items: center;
-      flex-wrap: wrap;
+      flex-wrap: nowrap;
+      overflow: hidden;
       height: 100%;
-      max-height: 3.5rem;
       flex-grow: 1;
-      overflow-y: auto;
+
+      > div {
+        flex-shrink: 0;
+        margin: 0.1rem;
+      }
 
       > ix-filter-chip {
+        flex-shrink: 0;
         margin: 0.1rem;
       }
     }
@@ -212,6 +217,7 @@
 
   .select:hover {
     border-color: var(--theme-input--border-color--warning--hover) !important;
+    background-color: var(--theme-input--background--warning--hover) !important;
   }
 
   .select:active {