angular - 在 Angular 2+ 中嵌入模态的对话框前面显示垫选择

Question

看起来好像 mat-selects 在模态后面和对话后面消失都是已经在 SO 上多次解决的问题

.cdk-global-overlay-wrapper, .cdk-overlay-container {
z 索引:9999!重要；
}

在全局 styles.scss 中。

在我的应用程序中，在模态中有垫选择的情况下，我已成功实现了此建议:

但是，当我尝试在模式内的对话框中进行垫选择时，垫选择菜单出现在模式上方但在对话框后面:

非常欢迎并非常感谢任何建议。如果人们认为这是有道理的，我会尝试创建一个最小的可重复示例，但如果有一个我不知道的简单解决方案，我想在 stackblitz 上实现复杂的应用程序结构之前尝试一下......

Answer 1

实际上是 css 规则导致了问题，如果您想继续使用该 css，请尝试添加 .cdk-overlay-connected-position-bounding-box CSS 规则:

.cdk-global-overlay-wrapper, 
.cdk-overlay-container, 
.cdk-overlay-connected-position-bounding-box {
    z-index: 9999!important;
}