单选按钮在角度材质对话框中的焦点

Question

我正在将Angular 8与Angular Material组件一起使用，并在对话框中遇到焦点指示器问题。 如果在对话框中有一个无线电组作为第一个控件，则在对话框中使用Tab键时，将选择该组中的第一个选项-即使选择了另一个选项。即，在向前浏览表单时，如果选择了第二个选项，则焦点将转到第一个选项，然后是所选选项，然后是按钮。

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

是否有人对如何停止/解决它有任何想法，总是把重点放在第一个选项上？ （除了先放置其他内容-不幸的是，这是对话框中唯一的内容。

预先感谢您的任何建议，

马特

Answer 1

当您像调用对话框一样简单设置autoFocus:false

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