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>
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
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, Damianngervasi pro commented 6 years ago
Tnx!