Skip to content

md-menu doesn't scale up with CSS media queries' 2k (& higher) resolution font-size increase #4241

Open

Description

md-menu-on-mediaquery-scale

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: material/menu

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions