I have an input field with a label. when I click on the input field the label is supposed to float to the top. This does happen but not consistently. when I click on the input field I have to be careful not to click on the label text. When I click on the text the label does not flow to the top. When I click just above the label text or outside the label text the label floats to the top. This seems to be happening with the MDB React version only. Here is how I am using the Input component:

<div>
    <Input label="Your name" icon="user" group type="email" validate error="wrong" success="right"/>
</div>

The react components page @mdbootstrap.com does not seem to show the behavior. Why does this occur in MDB React Pro version?

---