Angular Material 2 zum automatischen Vervollständigung Position falsch

Question

ich ein Problem mit dem automatischen Vervollständigung von Material 2.

In meinem Fall habe, fülle ich die Liste, wenn der Benutzer etwas in dem Eingang aufschreiben, aber die div (Panel) mit den Optionen immer erscheinen unten (Wenn der Bildschirm klein ist, muss ich die Seite nach unten scrollen). Es sollte über dem Eingabefeld erscheinen, wenn der Bildschirm klein ist.

Ich denke, das Problem ist, dass die Position des Panels nur am Anfang initialisiert wird, wenn auf den Eingang geklickt wird. Kann mir jemand bei jeder Lösung helfen? Gibt es eine Möglichkeit, die PositionY zurückzusetzen, wenn die Liste aktualisiert wird?

Dank

Answer 1

Versuchen Sie, diese

zu Ihrem style.css hinzufügen

.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}