Angular Mat-dialog显示两个滚动条，我如何删除第二个?

Question

我试图构建一个角应用程序，需要一个对话框组件在点击按钮，问题是，当对话框打开它显示两个滚动条(如你可以在图片中看到)，一个内容和另一个整个对话框。我已经尝试了一些解决方案，如添加'overflow:hidden'到css文件或'padding:0'作为一些解决方案说在论坛上，但它还没有工作。有人能帮我吗?(我的意图是只保留内部滚动条)

问题图片:[1]: https://i.stack.imgur.com/oU9hD.png

PS:这是一个angular对话框示例，其源代码可以在:https://material.angular.io/components/dialog/examples " dialog with header，可滚动内容和动作"一节中找到。

如果我需要提供关于这个问题的任何其他信息，请告诉我

Answer 1

设置dialog overflow属性为" auto "的外部容器。尝试针对外部容器的特定类，并将高度和溢出属性设置为'initial'，这将删除固定的高度和溢出属性，并允许容器根据其内容的大小进行调整。

.mat-dialog-container {
height: initial;
overflow: initial;
}

你可以尝试的另一件事是在对话框

的内部容器中添加overflow: auto

.mat-dialog-content {
overflow: auto;
}

Answer 2

我刚才已经解决了这里的问题…碰巧mat-dialog-content有overflow:auto和dialog类本身有一个24px的padding，所以我发现可以在创建它的函数内部为dialog定义一个新类(使用panelClass作为dialog.open()函数的属性)，所以我创建了它并将其定义为0px。