Material: Input with label text longer than width of input control

Created on 23 Oct 2015  路  3Comments  路  Source: angular/material

Have a look at the attached pic. The input field is pushed down. It shouldn't be.

screenshot from 2015-10-23 11 14 51

urgent merge ready bug CSS

Most helpful comment

Hey, a quick workaround would be:

md-input-container label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

All 3 comments

Please provide a codepen so we can investigate more

@EladBezalel
Here it is: http://codepen.io/anon/pen/LpQQWv

Hey, a quick workaround would be:

md-input-container label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
Was this page helpful?
0 / 5 - 0 ratings