Open jelbourn opened 6 years ago
It looks like the by default the menu has a max-width of 280px https://github.com/angular/material2/blob/6f5dcd541034f7e11585d0d45b1372c45683c818/src/lib/core/style/_menu-common.scss#L9
This seems to come from the spec specifying this as the maximum width for mobile devices: https://material.io/guidelines/components/menus.html#menus-simple-menus
We should use a larger max-width for desktop.
@jelbourn Is the width for desktop somewhere documented? Or is a width for desktop already set somewhere?
Nope. We probably have to make one up.
What about setting it to 7.5 times the 56px = 420px?
56px
420px
It looks like the by default the menu has a max-width of 280px https://github.com/angular/material2/blob/6f5dcd541034f7e11585d0d45b1372c45683c818/src/lib/core/style/_menu-common.scss#L9
This seems to come from the spec specifying this as the maximum width for mobile devices: https://material.io/guidelines/components/menus.html#menus-simple-menus
We should use a larger max-width for desktop.