Material input field label is not clickable

Topic: Material input field label is not clickable

Custer priority asked 4 years ago

Expected behavior If I want to enter something in a material input field it should also be possible to click on the label, not only beside, to enter something.

Actual behavior If I click directly on the label I'm not able to enter text. I have to press beside the label, so I can enter text. I saw it's working in your documentation.

Resources (screenshots, code snippets etc.) enter image description here

This is my code:

<div class="row">
    <div class="col-12">
        <div class="md-form">
            <input class="form-control" type="number" name="hausnummer" maxlength="50"        
              value="<?php echo $hausnummer?>"/>
              <label class="mdb-main-label" for="hausnummer">Hausnummer</label>
         </div>
   </div>

Add comment

Adam Jakubowski staff answered 4 years ago

0 0 Best answer

Hi,

The solution to your problem is that in this line <input class="form-control" type="text" name="problemzeitraum" maxlength="50" required/> you did not give id if you add this your line should look like this <input class="form-control" type="text" id="problemzeitraum" name="problemzeitraum" maxlength="50" required/> and everything should work.

Best,

Adam

Custer priority commented 4 years ago

Seems to work! Thank you very much for your help :)

Best regards

Custer

Add comment

Custer priority answered 4 years ago

0 0 Best answer