Bug: [mat-form-field],numbers and letters are not on the same level in Chrome 69.

ChenXiangY commented 6 years ago

Bug, feature request, or proposal:

Bug. My english is poor. So sorry. I have trouble using mat-form-field, the numbers and letters(Lower case!) are not on the same level in Chrome, but it display correctly in Edge. I don't know how to fix it.

What is the expected behavior?

when using mat-form-field, the numbers and letters are on the same level.

What is the current behavior?

the numbers and letters are not on the same level in Chrome

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.

This is the example from official website of material/angular, it display incorrectly on my computer. The version of my chrome is 69.0.3497.81... https://stackblitz.com/angular/jamajareqgbg?file=app%2Finput-overview-example.ts

I guess it is relete to the default settings of different browser, but I don't know which property I should change, could you tell me how to fix it please? Thank you!

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular6, Material2, chrome

Is there anything else we should know?

Material is beautiful, Thank you. Forgive my poor english.

ChenXiangY commented 6 years ago

I get the answer. I fix it by set the property line-height of mat-form-field to unset, However, I don't know why I need to do this in Chrome and not in the Edge..

manklu commented 6 years ago

@ChenXiangY

I have no problem with the sample and Chrome 69.0.3497.81

What OS do you use?

angular / components