我对材料2的自动完成有问题。
在我的情况下，当用户在输入中写下某些内容时，我会填充列表，但带有选项的div（面板）总是显示为低于（如果屏幕很小，我必须向下滚动页面）。当屏幕较小时，它应出现在输入字段的上方。
我认为问题在于，单击输入时，面板的位置仅在开始时初始化。有人可以帮我解决任何问题吗？有没有办法在列表更新时重置positionY？
由于
答案 0 :(得分：4)
尝试将此添加到style.css
.cdk-overlay-container{position:fixed;z-index:1000}
.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}
.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-
box;z-index:1000}
答案 1 :(得分：3)
对我来说，问题是项目中缺少核心CSS类。
在style.css中[修复]，在顶层添加：
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';