Мат-меню прокручивается вниз со страницы на фиксированной нижней навигационной панели, только для мобильных устройств и Chrome - PullRequest
Новая
       11

Мат-меню прокручивается вниз со страницы на фиксированной нижней навигационной панели, только для мобильных устройств и Chrome

0 голосов
/ 01 сентября 2018

зависимости: @ angular / материал 6.4.7, @ angular / cdk 6.4.7

Выпуск: https://github.com/angular/material2/issues/11365

Они говорят, что это исправлено, но я все еще получаю следующее поведение, ТОЛЬКО НА МОБИЛЬНОМ И ХРОМЕ

enter image description here

ПРИМЕЧАНИЕ: кнопка Пикачу, которая появляется при прокрутке, ни на что не влияет, протестировано. 

<button class="nav-Menu" mat-icon-button [matMenuTriggerFor]="menu">
 <mat-icon>more_vert</mat-icon>
</button>

<mat-menu #menu="matMenu" [overlapTrigger]="false">

<button [routerLink]="['home']" routerLinkActive="active" mat-menu-item>
  <mat-icon svgIcon="pikachu"></mat-icon> <!-- Home -->
  <span>Home</span>
</button>

<button routerLinkActive="active" mat-menu-item 
 [matMenuTriggerFor]="Database">
  <mat-icon svgIcon="database"></mat-icon> <!-- Database -->
  <span>Database</span>
</button>

<button routerLinkActive="active" mat-menu-item [matMenuTriggerFor]="Tools">
 <mat-icon svgIcon="tools"></mat-icon> <!-- Tools -->
 <span>Tools</span>
</button>

<button routerLinkActive="active" mat-menu-item 
[matMenuTriggerFor]="Guides">
  <mat-icon svgIcon="guides"></mat-icon> <!-- Guides -->
  <span>Guides</span>
</button>

</mat-menu>

<mat-menu #Database="matMenu" > <!-- Database Menu -->
  <button [routerLink]="['pokedex']" routerLinkActive="active"
      mat-menu-item><mat-icon svgIcon="bulbasaur"></mat-icon>Pokédex
  </button>
  <button [routerLink]="['moves']" routerLinkActive="active"
      mat-menu-item><mat-icon svgIcon="move"></mat-icon>Moves
  </button>
</mat-menu>

<mat-menu #Tools="matMenu" > <!-- Tools Menu -->
  <button [routerLink]="['laboratory']" routerLinkActive="active"
      mat-menu-item><mat-icon svgIcon="laboratory"></mat-icon>Laboratory
  </button>
</mat-menu>

<mat-menu #Guides="matMenu"> <!-- Guides Menu -->
  <button [routerLink]="['guides/victory-road']" routerLinkActive="active"
      mat-menu-item><mat-icon svgIcon="victory-road"></mat-icon>Victory Road
  </button>
</mat-menu>

ПРИМЕЧАНИЕ 2: Верхнее меню навигации работает должным образом, проблема только в нижней фиксированной навигации

...