Input component placeholder and label collide

• Visit https://react-materialize.github.io/#/forms
• Click the first name field and enter some text
• Backspace and remove the text
• Tab or click another field to make first name field lose focus
• Notice that the placeholder and label are now rendered on top of each other (see screenshot)

[alexgsummer]

I found a potential solution that you guys might be able to use. From materialize-css documentation:

“If you are having trouble with the labels overlapping pre-filled content, Try adding class=“active” to the label.”

[chhaileng]

I’m using MDB and I used $(inputselector).val(newvalue).trigger("change"); It solved the problem above 😃