Topic: mdbInputDirective: label not raising when moving trough inputs with tab key

ngervasi pro asked 6 years ago


If I focus the inputs by clicking the label moves up correctly but if I use the tab key to move it doesn't work.

To reproduce you can test it on the contacts section or with this code:

<div class="row">

  <!--Grid column-->
  <div class="col-md-6">
    <div class="md-form">
      <input type="text" id="contact-name" class="form-control" [mdbValidate]="false" mdbInputDirective>
      <label for="contact-name" class="">Il tuo nome</label>
    </div>
  </div>
  <!--Grid column-->

  <!--Grid column-->
  <div class="col-md-6">
    <div class="md-form">
      <input type="text" id="contact-email" class="form-control" [mdbValidate]="false" mdbInputDirective>
      <label for="contact-email" class="">La tua email</label>
    </div>
  </div>
  <!--Grid column-->

</div>

Damian Gemza staff commented 6 years ago

Dear ngervasi, Please open free/inputs/mdb-input.directive.ts and change line 40 'click' and onclick() to 'focus' and onfocus(). It will be implemented in next release. Best Regards, Damian

ngervasi pro commented 6 years ago

Tnx!


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags