search

mdbootstrap / material-design-for-bootstrap

Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
https://mdbootstrap.com/docs/standard/
MIT License
9.34k stars 1.15k forks source link

Labels do not work as expected with prefilled input controls #16

Closed alex94cp closed 8 years ago

alex94cp commented 8 years ago

Form labels do not detect that the input control has content until it is focused.

mdbootstrap commented 8 years ago

try to add a class .active to the label when updating the input value.

Another solution is keeping the label always up. You can do it via sass/css

go to sass/mdb/free/_form-basic.scss and in line 130 remove .active class.

label.active {

change to:

label {

Then compile your custom mdb.css

PabloValor commented 6 years ago

I have the same problem, sometimes label text overlap the input value. Removing the class fix the thing, but I miss that fancy animation :(