Mat-Select with long options text blinks in IE

Bug, feature request, or proposal:

When there are options with long text in the options list in mat-select, the options are not shown whole when the list is open - which is, of course, correct. However, in Internet Explorer, the options somehow blinks to their full length and back to the truncated version when one opens or closes the list or when one selects an option.

What is the expected behavior?

The options list should not blink anyhow in Internet Explorer.

What is the current behavior?

When there is long text in select’s options list, the list blinks when it is opened, closed, or when an option is selected.

What are the steps to reproduce?

https://stackblitz.com/edit/angular-qdcxkp?file=app/select-overview-example.ts

Open in Internet Explorer and:

• Click the mat-select (first blink) and then click away (second blink).
• Click the mat-select (first blink) and then select an option (second blink).

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

Win7, IE.

[macjohnny]

@crisbeto please let me know whether you would accept a fix that removes the animation from 100% to 100% + 32px, so I could file another PR for this.

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