在Angular 7应用中使用@ protacon / ng-virtual-keyboard登录表单时出现问题

Question

我正在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>

我尝试添加一个启用/禁用键盘的按钮，但是没有运气。 甚至尝试过设置焦点属性，因此当我在输入字段中单击时键盘应该已经显示出来，但是也没有运气。