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.

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

feat(SELECT): dynamic width of select is causing visibility issue #28964

Closed
Mehadmushtaq opened this issue Apr 25, 2024 · 1 comment
Closed
Labels
needs triage This issue needs to be triaged by the team

Comments

@Mehadmushtaq
Copy link

Mehadmushtaq commented Apr 25, 2024

I just migrated my product build on angular 11 to angular 16 version by version after migrating to angular material v15 seeing a lot of unexpected changes and following is one of them.

Scenerio #1
Screenshot from 2024-04-25 15-42-05

Dynamically changes width is a good addition to select but for small width options like in my case other options at the dropdown should not truncate its not user friendly also decreases readability either.

Scenerio #2
I have populated drop down with checkbox along with labels and on selection i want to show total select options
here is when no one is selected
Screenshot from 2024-04-25 15-42-55
as you can see user is unable to see any option just checkboxes

here is when user selected some options:
Screenshot from 2024-04-25 15-47-45

@Mehadmushtaq Mehadmushtaq added the needs triage This issue needs to be triaged by the team label Apr 25, 2024
@crisbeto
Copy link
Member

crisbeto commented May 3, 2024

You can set [panelWidth]="null" on the select to let the dropdown grow based on the options.

@crisbeto crisbeto closed this as completed May 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs triage This issue needs to be triaged by the team
Projects
None yet
Development

No branches or pull requests

2 participants