angular material 对话框中的单选按钮焦点

Question

我将 Angular 8 与 Angular Material 组件一起使用，运行遇到对话框中焦点指示器的问题。当对话框中有一个单选按钮组作为第一个控件时，当您在对话框周围切换时，将选择该组中的第一个选项 - 即使选择了另一个选项。即当在表单中向前移动时，如果选择了第二个选项，焦点将转到第一个选项，然后是所选选项，然后是按钮。

我在这里创建了一个 stackblitz：https://stackblitz.com/edit/angular-2nkqr3 显示了这个问题。

有没有人知道如何stop/work始终将重点放在第一个选项上？（除了先放其他东西 - 不幸的是它是对话框中唯一的东西）。

提前感谢您的任何建议，

马特

Answer 1

它的简单设置 autoFocus:false 当你像这样调用对话框时

 openDialog()() {
    const dialogRef = this.dialog.open(PopupComponent, {
      panelClass: 'modal-medium',
      data: { dialogueName: "Name" },
      autoFocus: false, //disable auto focus in dialog
    });
  }

Answer 2

只是为了循环讨论这个问题。原来这是当时 Angular material 中的一个问题：https://github.com/angular/components/issues/17876

现在应该修复了。

angular material 对话框中的单选按钮焦点

Radio button focus in angular material dialog

angular-material2