Topic: Tab index not working for select
stanislav9607 asked 7 years ago
<div class="row"> <div class="col"> <div class="md-form"> <mdb-select [options]="userOptions" placeholder="Выберите пользователя" formControlName="userId" #userId> </mdb-select> <div class="invalid-feedback" *ngIf="submitted && depositForm.controls['userId'].hasError('required')"> Укажите пользователя. </div> </div> </div> </div>How to fix it?
Damian Gemza staff answered 6 years ago
<div class="row"> <div class="col-md-6 mx-auto my-5"> <form> <div class="md-form"> <mdb-select [options]="optionsSelect"placeholder="Choose your option"> </mdb-select> </div> <div class="md-form"> <input type="text"class="form-control"id="form1"mdbInputDirective> <label for="form1">My label</label> </div> </form> </div> </div>
stanislav9607 commented 6 years ago
I used your code, but its not work (I replaced all my code with your). I'm run my app on chrome on Windows 10, but I think it does not matter. I'm researching your lib now, and i have some ideas. In 'mdb-select' component template you must replace *ngIf with [hidden]. Try to do it. Screen: http://prntscr.com/jxjle1Damian Gemza staff commented 6 years ago
Did you try to use that solution in your app? Does it work to you?FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No