角材质对话框未居中不会阻止主体滚动

时间:2020-11-02 13:42:15

标签: angular angular-material

我的应用程序中有角度材质对话框,但与角度材质网站上的示例不同,该对话框无法在屏幕中央渲染,更大的问题是它们允许背景滚动。这意味着用户可以在背景上滚动,对话框有时可以从可见窗口中消失。

我已经在ScrollStrategy上看到了许多示例,但这些示例均无效。这种行为难道不行吗?

2 个答案:

答案 0 :(得分:0)

PortalEntry( visible: isMenuVisible, //true Or False portalAnchor: Alignment.topLeft, childAnchor: Alignment.topRight, portal: TheMenuWidget, // option 1 + option 2 (White) child: MyButton, // show Menu Button (Grey) ) ootb显示在中间,并且滚动被阻止。但是,他们正在使用自己的MatDialog服务来显示Overlay。该服务创建一个MatDialog,并将其位置设置为div作为正文中的最后一个元素。在此fixed中,所有覆盖的内容,例如显示div。但是,如果您在文档正文中创建了新的containing block,则位置可能会损坏。 Here是损坏的MatDialog,其中我已将MatDialog设置为正文。检查样式是否相似。

答案 1 :(得分:0)

事实证明这是隐藏的CSS,应用于设置位置和溢出CSS的body标签。移除后,它可以从角形材料中按预期工作。