角嵌套垫菜单扩展

时间:2018-10-18 16:09:39

标签: angular web

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)">
 .
 . 
 .

0 个答案:

没有答案