fix(components/chips): dots overflows chip list container #1713

zyfra · May 28, 2024 · 08ca93b · 08ca93b
1 parent 6b7d761
commit 08ca93b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/.../components/input/input-multi-select/examples/base/multi-select-base-example.component.ts b/.../components/input/input-multi-select/examples/base/multi-select-base-example.component.ts
@@ -17,6 +17,7 @@ export class PrizmInputMultiSelectBaseExampleComponent implements OnInit {
  value = true;
  readonly valueControl = new UntypedFormControl([]);
  readonly items = [
+ 'Very long text with a lot of characters and spaces',
  'One',
  'Two',
  'Three',

diff --git a/libs/components/src/lib/components/chips/chips.component.less b/libs/components/src/lib/components/chips/chips.component.less
@@ -31,5 +31,11 @@
  height: 18px;
  width: 100%;
  }
+
+ &:has(.more-item) {
+ prizm-chips-item.single-line {
+ max-width: calc(100% - 20px);
+ }
+ }
  }
 }