2017-11-29 14 views
2

角度材料2のダイアログを使用しています。角度2 /マテリアルのダイアログモーダルでオートフォーカスを無効にする

問題は次のとおりです。特にiPhoneやタブレットでモーダルダイアログを開いたときに自動フォーカスを無効にすることはできません。 iOSでは、最初の入力フィールドが自動的にダイアログにフォーカスされます。

私はタブインデックスを試み、他の入力フィールドでのオートフォーカスと、それは私が私のダイアログで、私は、フォーム・コントロールを使用しています、私のコードのための角度2を使用してい

を動作しません。私はmarkasuntouchedafterviewInitを使用しようとしましたが、私はまだ同じ問題があります!次のように

答えて

5

@angular/[email protected]のでMatDialogConfig

/** Whether the dialog should focus the first focusable element on open. */ 
autoFocus?: boolean = true; 

にオートフォーカス特別なオプションがあるので、あなたはそれを使用することができます。

let dialogRef = this.dialog.open(DialogOverviewExampleDialog, { 
    width: '250px', 
    data: { name: this.name, animal: this.animal }, 
    autoFocus: false <============================== this line 
}); 

Stackblitz Example

関連する問題