Проблема при использовании @ protacon / ng-virtual-keyboard в приложении Angular 7 для формы входа - PullRequest
Новая
       22

Проблема при использовании @ protacon / ng-virtual-keyboard в приложении Angular 7 для формы входа

0 голосов
/ 23 января 2019

Я использую эту виртуальную клавиатуру в приложении Angular 7: https://www.npmjs.com/package/@protacon/ng-virtual-keyboard

Она отлично работает с пустыми полями ввода, когда я нажимаю на одну, клавиатура всплывает, как и должна.Проблема в том, что у меня есть форма входа в систему, которая может иметь предварительно заполненные поля ввода из кэша браузера, что полезно, если говорить о форме входа в систему.Если это так, клавиатура одновременно появляется как для имени пользователя, так и для поля пароля.Сначала для имени пользователя, а затем для пароля, как в коде.Клавиатура для имени пользователя находится за клавиатурой для имени пользователя.Мой код: 

<mat-form-field>
 <input #username matInput ngModel type="text" name="username" placeholder="Username" required
               ng-virtual-keyboard ng-virtual-keyboard-layout="alphanumeric">
 <mat-error *ngIf="!username.checkValidity()">Username is <strong>required</strong></mat-error>
</mat-form-field>          
<mat-form-field>
 <input #password matInput ngModel name="password" type="password" "placeholder="Password" required
               ng-virtual-keyboard ng-virtual-keyboard-layout="alphanumeric">
 <mat-error *ngIf="!password.checkValidity()">Password is <strong>required</strong></mat-error>
</mat-form-field>

Я попытался добавить кнопку, которая включает / отключает клавиатуру, но безуспешно.Даже попытался установить атрибут фокусировки, чтобы клавиатура должна была появляться, когда я щелкаю в поле ввода, но тоже не повезло.

...