2017-11-29 4 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

관련 문제