Components: (Select) select options does not fully responsive

[tieppt]

Bug, feature request, or proposal:

[ x ] Bug

What is the current behavior?

At the first show the select options, the cdk calculate width for select options, after that when user resize (rotate screen on mobile) the cdk does not recalculate again. So the width of select options is overflowing the container.

What is the expected behavior?

The width of select options is adaptive.

What are the steps to reproduce?

Resize this page:

https://angular-dynamic-forms.firebaseapp.com/

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Is there anything else we should know?

[ortaras]

[sagar-ganatra]

Any update on this? I've noticed the same behaviour and it's stopping me from using this library.

[leNicDev]

Experiencing the same issue here!

[coffeetea-synchestra]

The same :(

[djob]

Any update?

[SteveGZr]

Got the same issue!

[iamxor]

hey any chance to fix dis?

[dik-garri]

Any update to solve this?

[siqiren819]

Any update please?

[dik-garri]

@siqiren819
After updating @angular/material to the last version for me it works better. Not perfect for small screens, but generally much better

[BezobidnijPsih]

would be great to have it fixed

[angular-automatic-lock-bot[bot]]

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._}