Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

md-chip does not ellipsis label text when constrained by a limited width. #5242

Open
kaseyhinton opened this issue Nov 30, 2023 · 1 comment · May be fixed by #5637
Open

md-chip does not ellipsis label text when constrained by a limited width. #5242

kaseyhinton opened this issue Nov 30, 2023 · 1 comment · May be fixed by #5637

Comments

@kaseyhinton
Copy link

What is affected?

Component

Description

I would expect a md-chip when constrained by a max-width to ellipsis text instead of overflowing.

Reproduction

Here is a link to a reproduction lit playground example

Workaround

The only way to really manage the md-chips right now is to allow the container to scroll and let the chips grow as wide as they need to be for their labels.

Is this a regression?

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

Affected versions

1.0.1

Browser/OS/Node environment

OS: Windows 11
Browser: Microsoft Edge 119.0.2151.93
@kaseyhinton
Copy link
Author

any updates on this?

@npeters-dev npeters-dev linked a pull request Jun 6, 2024 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(chips): ellipse label text when overflowing npeters-dev/material-web
1 participant
@kaseyhinton