Как прокручивать всплывающее меню коврика Angular Material вместе со страницей?

После срабатывания мат-меню и отображения элементов всплывающие элементы не прокручиваются вместе со страницей. Вместо этого они кажутся оторванными от значка матового меню и всегда видны, когда я прокручиваю страницу.

<mat-icon class="mat-accent" [matMenuTriggerFor]="menuOptions">menu</mat-icon> 

<mat-menu #menuOptions="matMenu"> <button mat-menu-item *ngFor="let menuItem of menuItems" (click)=selectMenuItem(menuItem)> {{menuItem.text}}</button> </mat-menu>

Как показано на рисунке ниже, несмотря на то, что начальное всплывающее меню с элементами меню отображалось правильно, при прокрутке страницы всплывающие элементы больше не привязаны к вышеуказанному значку гамбургера [который был прикреплен с помощью matMenuTriggerFor, как показано в приведенном выше коде]

введите здесь описание изображения


person nsk    schedule 27.08.2018    source источник


Ответы (1)


Проблема будет исправлена ​​в следующей версии. На данный момент вы можете сделать обходной путь в .mat-menu-panel set position: fixed!important;

person sasa suboticki    schedule 03.10.2018