Material-ui: TextField type Password height problem

Created on 27 May 2018  路  3Comments  路  Source: mui-org/material-ui

Dear Team,

I have problem with the height of input password is less than text
because there is a class with hardcoded for other type

if(classes.inputType, type === 'text)

  inputType: {
      // type="date" or type="time", etc. have specific styles we need to reset.
      height: '1.1875em' // Reset (19px), match the native input line-height

    },'

but the text field height is 26px

| Tech | Version |
|--------------|---------|
| Material-UI | v1.0.0 |
| React | 16.3.2 |
| browser | Google Chrome v 66.0.3359 |
| os | mac |

incomplete

Most helpful comment

@soroushm i had the same issue and it was caused by tachyons css in my project. Material-ui's TextField type password is not the culprit.

All 3 comments

Your issue has been closed because it does not conform to our issue requirements.
Please provide a full reproduction test case. This would help a lot 馃懛 .
A live example would be perfect. This codesandbox.io template _may_ be a good starting point. Thank you!

@soroushm i had the same issue and it was caused by tachyons css in my project. Material-ui's TextField type password is not the culprit.

@kevinch this issue happend becouse you chenge default settings!! I don't remember wich change broke it, the possibility is font size or something like this

Plz cach it and put in sandbox for fixing!

Was this page helpful?
0 / 5 - 0 ratings