使用多个 NG Bootstrap 日期选择器时混淆按钮焦点

Question

我正在使用 Angular 8 和 NG Bootstrap。

当我在一个表单中有多个 NG Bootstrap 日期选择器并在日期选择器按钮之间单击而不选择任何日期时，按钮焦点似乎跳转到之前单击的日期选择器按钮 (StackBlitz editor and app) .

这不是什么大问题，但是有什么办法可以防止这种情况发生吗？

我的代码：

<input [(ngModel)]="a" ngbDatepicker #d1="ngbDatepicker">
<button (click)="d1.toggle()" type="button">Datepicker</button>

<input [(ngModel)]="b" ngbDatepicker #d2="ngbDatepicker">
<button (click)="d2.toggle()" type="button">Datepicker</button>

<input [(ngModel)]="c" ngbDatepicker #d3="ngbDatepicker">
<button (click)="d3.toggle()" type="button">Datepicker</button>

Answer 1

我看到这个 bug reported and there is the pr 来修复它

使用多个 NG Bootstrap 日期选择器时混淆按钮焦点

Confusing button focus when using multiple NG Bootstrap datepickers

ng-bootstrap

angular