fix(menu): allow text wrapping in menu items

[crisbeto]

Allows for the text inside menu items to wrap, instead of having it be truncated. The text was being truncated as a limitation on mat-select and mat-autocomplete, however we don't have the same limitation on mat-menu.

Note: this is a resubmit of #11430.

[jelbourn]

@crisbeto this is failing presubmit because .mat-menu-panel has height declared multiple times in one definition (Google's CSS minifier errors on this)

[crisbeto]

@jelbourn working around that one would be slightly error prone since we use that mixin in a few places. I remember doing a PostCSS plugin for AngularJS Material where stripped these duplicate properties. Would it be worth porting it to the Material build?

[jelbourn]

That wouldn't work with the Google setup for Angular (vs. AngularJS). With Angular, all the Sass sources are compiled with Google's infrastructure (bazel) vs. AngularJS where we just copied in the CSS output.

[crisbeto]

I've reworked it to avoid the issue @jelbourn.

[crisbeto]

Closing since this is supported in the MDC version of the menu.

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