Description
openedon Apr 24, 2017
Bug, feature request, or proposal:
Bug. When scaling up the font size with css media queries for higher resolutions (2k & above), md-menu's dimensions get messed up.
What is the expected behavior?
md-menu's button, panel & panel contents should accommodate the higher font sizes.
What is the current behavior?
md-menu's panel becomes too tiny cutting its contents.
What are the steps to reproduce?
Use a simple md-menu. Increase its font size in a CSS media query for 3000px width & above. Watch its behavior in chrome's responsive 3000px width. Plunker: http://plnkr.co/edit/MU26bzR2qHwnB4FFof7n?p=preview . Instructions to reproduce included in the plunk.
Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: https://goo.gl/DlHd6U
http://plnkr.co/edit/MU26bzR2qHwnB4FFof7n?p=preview
What is the use-case or motivation for changing an existing behavior?
Scaling UI for higher resolution devices
Which versions of Angular, Material, OS, browsers are affected?
Angular 2/4, Material 2.0.0-beta.3, Chrome / Firefox, All OS's
Is there anything else we should know?
I don't think so.