MatSelect inconsistent with Material Guideline / degraded readability

[DanielHabenicht]

Reproduction

1. Use a standard Material Select.
2. Select an option.
3. Open the select menu again.

Expected Behavior

• The Text should be easily readable.
• There should be enough contrast.
• The design should adhere to the Material Design Guidelines

Actual Behavior

It is even worse if a dark theme is applied:

Environment

• Angular: 8.2.14
• CDK/Material: 8.2.3
• Browser(s): Chrome
• Operating System (e.g. Windows, macOS, Ubuntu): Windows10

[ahnpnl]

There is another thing I notice which is different from guideline is look like by default the selection panel isn't overlapped the input but mat-select selection panel always overlaps by default

[jelbourn]

This is a remnant from the old (2014 era) Material Design spec. It will be resolved when switching to an MDC-based select component.

[Baffour]

@jelbourn Is the plan that angular material will essentially become a wrapper for MDC? Is there an easy way for us to view the progress on this?

[jelbourn]

Wrapper isn't exactly it- it's more that MDC Web is a set of primitives that are intended to be composed at the framework layer. So we take those primitives and build components that are compatible with out existing APIs, features, and (most importantly) unit tests. You can see the progress in the material-experimental directory; most of the MDC-based components are done, but a few haven't been stared yet. Select and autocomplete are going to be the last ones done since they're inherently much more complex.

[Baffour]

Thanks! have taken a look and can see how it differs from simply being a wrapper! Excited to see how this progresses :)