bug(md-select) - not rendering correctly inside a flex layout (pure css) when having ngModel

[jefersonestevo]

Bug, feature request, or proposal:

bug

What is the expected behavior?

When inside a flex layout (pure css), the md-select must behave consistently, independent if it has a ngModel or not.

What is the current behavior?

When the md-select has a ngModel, and it's width is different from the default at page load (inside of a flex layout), the component does not fit inside the container.

This plunker demostrate this behavior:
Plunker

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

We need to display our pages in a responsive layout and are using just pure css flex layout while we wait for Angular Flex Layout to became more stable.

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

@angular/material: 2.0.0-beta.1
Firefox: 51.0.1 (64-bit)
Chromium: 53.0.2785.143
Chrome: 56.0.2924.87

[jefersonestevo]

I've came to realize that, if I change the width of the md-select to calc(100% - 10px) it works fine.

Plunker

The problem, I think, is that the .mat-select-arrow has a position: relative

[angular-automatic-lock-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.}