Skip to content

[Bug]: Chip long suffix and prefix wrap on 2 lines #1583

@simeonoff

Description

@simeonoff

Which component(s) are affected?

Chip

Description

If the chip suffix or prefix contains long text, it wraps onto two lines. Since the chip has a fixed height, this causes a broken layout. A better approach is to apply an ellipsis to maintain visual consistency.

Originally posted by @simeonoff in IgniteUI/igniteui-angular#14647 (comment)

Reproduction

See comment

Workaround

I have not found a workaround.

Is this a regression?

No or unsure. This never worker, or I haven't tried before.

Affected versions

All

Browser/OS/Node environment

All

Metadata

Metadata

Assignees

Labels

🆕 status: newThe issue is new and will be reviewed when somebody picks it up.bugSomething isn't workingchip

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions