角材质Textarea DONT自动对焦

Question

我在模态的底部添加了一个文本区域，自动对焦具有滚动到底部的副作用。没有这种自动对焦将解决此问题。不知道发生了什么。

  <mat-form-field >
      <textarea matTextareaAutosize matInput placeholder="Review Notes" [autofocus]="false" [(ngModel)]="reviewNotes"></textarea>
  </mat-form-field>

“ @ angular / material”：“ ^ 6.4.7”，

Answer 1

最好的控制方法是使用MatDialog选项专门用于此目的：autoFocus对话框配置中的选项。例如：

constructor(public dialog: MatDialog) {}
...
openDialog(): void {
  this.dialog.open(MyExampleDialog, {
    autoFocus: false
  });
}

这样做的好处是，如果用户在打开对话框后按Tab键，则“第一个可选项元素”仍会获得焦点。使用tabindex =“-1”可以将该元素放在焦点链的末尾，从而使其难以直观地访问。