Opening mat-menu for the first time in MS Edge causes scrollbars to show

[kygr1990]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Mat-menu scrollbars shouldn't show on first-time render on MS Edge if styling is not specified.

What is the current behavior?

Scrollbars in mat-menus are shown on first time rendering on Edge. Subsequent opening of mat-menus do not render scrollbars. Disabling and enabling overflow styling does not re-render scrollbars.

What are the steps to reproduce?

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

This would appear to be incorrect behaviour for the mat-menu component

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

Microsoft Edge 38.14393.2068.0
Microsoft EdgeHTML 14.14393
"@angular/material": "^6.2.0"
"@angular/core": "^6.0.3"

Is there anything else we should know?

[crisbeto]

I wasn't able to reproduce the issue by adding extra content to the menu. Can you post an example that shows the issue? You can fork one of the examples from the docs.

[kygr1990]

Hi, I was able to reproduce it. Kindly check the below link:
https://stackblitz.com/edit/angular-nq6s32?file=app/menu-overview-example.css

Basically by simply specifying
[mat-menu-item] { width: 230px; }

I was able to reproduce the issue with reference to the above browser version.

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