Angular Material (2.0) AutoComplete Suggestions Panel 出现在 Bootstrap Modal 后面

Question

我正在尝试向我拥有的 boostrap 模态添加一个自动完成字段，但是在键入时，建议框会出现在模态后面并且用户无法看到。

我尝试了以下方法：

.mat-autocomplete-panel {
    position: fixed !important;
    z-index:100000 !important;
}

但我没有发现任何成功，有没有人幸运地将建议框移到前面？

图片：

Answer 1

将这个类粘贴到你的主 style.scss

/* 模式修复上的垫子自动完成 */ .cdk-overlay-container {z-index: 999999 !important;}