Angular Material Dialog перемещает тело только в Chrome

Question

Я работаю с Angular Material (7.1.1), и когда я запускаю MatDialog с помощью кнопки, прежде всего он скрывает половину страницы.Погуглив, я нашел обходной путь, который должен был установить

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

Но теперь, каждый раз, когда я пытаюсь открыть диалог, он открывается правильно, но он прокручивает страницу вверх.

Это происходит только в Chrome 67, я уже тестировал в Firefox 64 и работает должным образом.

Любой совет, который поможет мне преодолеть эту проблему, приветствуется.

Спасибо!

Answer 1

это может быть связано с тем, что вы не добавили компонент диалога в компоненты ввода в app.module.ts

 ........
  bootstrap: [AppComponent],

  entryComponents: [
    DialogComponent <---- add your mat-dialog componet name
  ]