角材料对话框仅在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
  ]