feat(legacy): limit tui-tag width to 80% to avoid wrapping in sel…

…ects (#9886)
taiga-family · Dec 9, 2024 · 54f5c65 · 54f5c65
1 parent 248e3d0
commit 54f5c65
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/projects/demo/src/modules/components/multi-select/examples/1/index.ts b/projects/demo/src/modules/components/multi-select/examples/1/index.ts
@@ -9,7 +9,7 @@ import {TuiDataListWrapper} from '@taiga-ui/kit';
 import {TuiMultiSelectModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy';
 
 const ITEMS: readonly string[] = [
-    'Luke Skywalker',
+    'Luke Skywalker and a long time ago in a galaxy far, far away..',
     'Leia Organa Solo',
     'Darth Vader',
     'Han Solo',

diff --git a/projects/demo/src/modules/pipes/filter-by-input/examples/3/index.ts b/projects/demo/src/modules/pipes/filter-by-input/examples/3/index.ts
@@ -20,7 +20,7 @@ import {TuiMultiSelectModule, TuiTextfieldControllerModule} from '@taiga-ui/lega
 })
 export default class Example {
     protected readonly items = [
-        'Luke Skywalker',
+        'Luke Skywalker and a long time ago in a galaxy far, far away..',
         'Leia Organa Solo',
         'Darth Vader',
         'Han Solo',

diff --git a/projects/legacy/components/input-tag/input-tag.style.less b/projects/legacy/components/input-tag/input-tag.style.less
@@ -82,6 +82,10 @@
     :host[data-size='l']:not(._label-outside) & {
         padding: 0;
     }
+
+    tui-tag:last-of-type {
+        max-inline-size: 80%;
+    }
 }
 
 .t-content {