From 08ca93b63a7ae33725d67b34982443178bdec7a9 Mon Sep 17 00:00:00 2001 From: "darina.reynish@idp.zyfra.com" Date: Tue, 28 May 2024 14:11:46 +0300 Subject: [PATCH] fix(components/chips): dots overflows chip list container #1713 --- .../examples/base/multi-select-base-example.component.ts | 1 + .../src/lib/components/chips/chips.component.less | 6 ++++++ 2 files changed, 7 insertions(+) diff --git a/apps/doc/src/app/components/input/input-multi-select/examples/base/multi-select-base-example.component.ts b/apps/doc/src/app/components/input/input-multi-select/examples/base/multi-select-base-example.component.ts index 21d3a39cc3..777c71ed28 100644 --- a/apps/doc/src/app/components/input/input-multi-select/examples/base/multi-select-base-example.component.ts +++ b/apps/doc/src/app/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 index fe68cffa6c..7094621e44 100644 --- 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); + } + } } }