mat-menu
在靠近页面底部打开时会优雅地处理扩展(如果太靠近页面底部,则会打开),但是如果内部 mat-menu
。扩展将始终向下打开并脱离屏幕。
一种解决方法似乎是以编程方式将屏幕滚动1个像素。这使mat-menu
可以重新计算其位置并弹出到可见区域,但这是一个hack,在IE浏览器中性能不佳。有没有更优雅的解决方案?
示例:
<mat-menu #menu="matMenu" xPosition="before"(closed)="onMenuClosed()">
<ng-template matMenuContent>
<div #popoverMenu>
<button mat-menu-item class="primary-action"
[ngClass]="{'expanded-section': isPanelExpanded }"
(click)="expandMenuOptions($event)">
.
.
.