search

angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.1k stars 6.67k forks source link

mismatch of form-field styles with spec and MDC #15692

Open ghost opened 5 years ago

ghost commented 5 years ago

The styles available for the text field do not match the Material Design Spec itself and the MDC.

Material Design Spec

Material Design Spec Text Field Example1 (border-color: rgba(0,0,0,.54)) Photo1

Example2 (border-color: rgba(0,0,0,.24) - padding not 16px) Photo2

Example3 (border-color: rgba(0,0,0,.54)) Photo3

Example4 (border-color: rgba(0,0,0,.54)) Photo4

Example5 (border-color: rgba(0,0,0,.54)) Photo5

Example 6 Padding value is set to 16px as in MDC example for samples 1, 3, 4, and 5 when the above examples are not 16px for 2.

Padding

Material Design Components (MDC)

MDC Text Field Example (border-color: rgba(0,0,0,.24)) Photo6 - MDC

DaSchTour commented 5 years ago

I've also noticed, that label and placeholder are somehow positioned differently for outline and fill appearance. Label is somehow placed a bit to higher than the placeholder. Alignment to prefix and suffix is not right.

SergeyCherman commented 5 years ago

FYI at ng-conf Jeremy Elbourn (tech lead for components) announced the plan to use Material Design Components inside Angular Material. This will make it so angular material components always adhere to the material design spec.

He announced this at the end https://youtu.be/4EXQKP-Sihw?t=909

DaSchTour commented 5 years ago

That's great news. Does this also mean, that components will be more customizable?

stevebor1 commented 1 year ago

any update on this? So many deficiencies in regards to the material spec.