angular 6 mat-dialog自动向下滚动到底部

Question

我在打开 mat-dialog 时自动向下滚动时遇到问题。我有 2 个按钮导致了问题(我假设)，但我不知道如何解决该问题。

component.ts 代码:

 openDialog(): void {
let dialogRef = this.dialog.open(FileBrowserComponent, { 
       height: '600px',
       width: '700px',
});

对话框html代码:

<div class="container">

<div class="img" *ngFor="let element of fileElements">
    <img src="{{assetsFullUrl(element.name)}}" alt="{{element.name}}" (dblclick)="selectedImage===true">
</div>

</div>

<vaadin-upload target="http://localhost:3000/assets/upload" method="POST" 
accept="image/*"></vaadin-upload>

<div class="buttons">
<button mat-raised-button color='primary' type="button" (click)="add()">Save</button>
<button mat-raised-button color='basic' type="button" (click)="cancel()">Cancel</button>
</div>

感谢您的帮助。

Answer 1

尝试在您的代码中添加“autoFocus: false”:

openDialog(): void {
让 dialogRef = this.dialog.open(FileBrowserComponent, {
高度:'600px'，
宽度:'700px'，
自动对焦:假，
});