search

Daemonite / material

Material Design for Bootstrap 4
http://daemonite.github.io/material/
MIT License
3.2k stars 725 forks source link

Label overlapping in text area #205

Closed kushal9291 closed 5 years ago

kushal9291 commented 5 years ago

There is problem with floating label in text area field. It gets overlapped with text. here is the screenshot. textareabug

d-bourdon commented 5 years ago

a quick fix:

/* CSS style */
.floating-label.textfield-box textarea {
    padding-top: 0 !important;
    border-top: solid #f0f0f0 1.5rem !important;
}
.floating-label.textfield-box label {
   z-index: 1;
}

The border-top need to be set to the same background-color that the textarea

kushal9291 commented 5 years ago

a quick fix:

/* CSS style */
.floating-label.textfield-box textarea {
    padding-top: 0 !important;
    border-top: solid #f0f0f0 1.5rem !important;
}
.floating-label.textfield-box label {
   z-index: 1;
}

The border-top need to be set to the same background-color that the textarea

I used a different solution. But this one is better. Thank you.