“角度材质”对话框仅在镶边中移动主体

Question

我正在使用 Angular Material （7.1.1），当我从按钮触发 MatDialog 时，首先它会隐藏页面的一半。谷歌搜索我发现了一种解决方法，即设置

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

但是现在，每次我尝试打开对话框时，它都会正确打开，但它会将页面滚动到顶部。

它

只发生在Chrome 67中，我已经在Firefox 64中测试过，它按预期工作。

任何帮助我克服这个问题的提示都值得赞赏。

谢谢！

Answer 1

这可能是

因为您可能没有在条目组件中添加对话框组件在应用程序中。

 ........
  bootstrap: [AppComponent],
  entryComponents: [
    DialogComponent <---- add your mat-dialog componet name
  ]