angular / components

Component infrastructure and Material Design components for Angular

Home Page:https://material.angular.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Mehadmushtaq opened this issue · comments

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

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

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.