Angular material 2 自动完成位置错误

Question

我对 Material 2 的自动完成有疑问。

在我的例子中，当用户在输入中写下一些东西时，我会填充列表，但是带有选项的 div(面板)总是出现在下方(如果屏幕很小，我必须向下滚动页面)。当屏幕很小时，它应该出现在输入字段上方。

我认为问题在于面板的位置仅在单击输入时才在开始时初始化。任何人都可以帮我解决任何问题吗？有没有办法在更新列表时重置 positionY？

谢谢

Answer 1

对我来说，问题是项目中缺少核心 css 类。

[修复] 在 style.css 的顶层，添加:

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';