Angular7, Material2, прокрутка страницы вверх в открытом диалоге - PullRequest
0 голосов
/ 13 ноября 2018

У меня есть кнопка, которая открывает диалог с моим материалом.В открытом диалоговом окне страница на заднем плане прокручивается вверх.При закрытии диалогового окна страница возвращается к исходному положению.

Кому я могу остановить эту прокрутку?

const dialogRef = this.dialog.open(dialogComponent, {
            panelClass: config.panelClass,
            width: 1100px,
            height: 800px,
            closeOnNavigation: true,
            maxHeight: '95%',
            maxWidth: '95%',
            data: {
                someData...
            },
        });

Мой HTML

<div class="dialog dialog__content">
    <div>
        <div *ngIf="title" class="dialog__header">
            <h1 mat-dialog-title>{{title | translate}}</h1>
        </div>
        <div class="dialog__closing">
            <button matDialogClose>
                <i class="fal fa-times-circle"></i>
            </button>
        </div>
    </div>
    <mat-dialog-content>
        ...some content...
    </mat-dialog-content>

    <mat-dialog-actions *ngIf="buttons && buttons.length > 0">
        <div class="buttons">
            <button>...</button>
        </div>
    </mat-dialog-actions>
</div>

1 Ответ

0 голосов
/ 13 ноября 2018

Я нашел решение здесь: https://github.com/angular/material2/issues/7390

.cdk-global-scrollblock {
    position: initial;
    width: initial;
    overflow: hidden;
}
...