web-dev-qa-db-fra.com

menu angulaire/matériau 6 ne s'ouvre qu'en haut à gauche

J'ai effectué une mise à niveau vers [email protected], angular/[email protected], [email protected] Mes menus fonctionnent maintenant dans les menus en haut à gauche au lieu d'être liés au déclencheur . J'ai exécuté l'installation par défaut cli et l'a ajouté à app.component.html

<button mat-fab color="primary"  [matMenuTriggerFor]="menu">Menu</button>
<mat-menu class="myMenu" #menu="matMenu">
  <button mat-menu-item>Item 1</button>
  <button mat-menu-item>Item 2</button>
</mat-menu>

MatMenuModule est importé. La seule façon pour moi de déplacer le menu ouvert est de passer par cette css qui est un terrible kludge.

.myMenu {
    position: absolute;
    top: calc(figure out using nnvh - nnpx);
    left: calc(figure out using nnvw - nnpx);
}

le seul problème est la position du menu - tout cela a bien fonctionné @5.x.x. Maintenant, mes applications de travail semblent cassées. 

angularangular-material
6
Cliff Smith

Assurez-vous également d'utiliser le dernier fichier CSS de matériel fourni dans le répertoire material/prebuilt-themes, car la classe suivante semble être nécessaire pour que le menu fonctionne correctement:

.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: flex;
flex-direction: column;
min-width: 1px;
min-height: 1px;}
2
MaxTheMax