Угловая прокрутка мат-таба и мат-таблицы в FF - PullRequest
1 голос
/ 14 марта 2019

У меня есть таблица внутри вкладки, которая расширяется до необходимой высоты и не отображает полосу прокрутки при достижении максимальной высоты панели.Группа mat-tab-group нарушит высоту родительского контейнера, и вся страница получит полосу прокрутки, а вкладка - полосу прокрутки.

Это не проявляется в Chrome, и я вижу ее только в Firefox, поэтомудалеко.Ниже приведен пример кода, который я сделал для воспроизведения поведения.Компонент, в который встроена группа вкладок, имеет максимальную высоту.Панель вкладок должна занимать все оставшееся в ней пространство (flex: 1)

<mat-tab-group class="tabs-panel">
  <mat-tab label="CoolLabel">
    <mat-table [dataSource]="dswithacouplerows">
      <ng-container matColumnDef="mycol">
        <mat-header-cell *matHeaderCellDef>
        </mat-header-cell>
        <mat-cell *matCellDef="let row">bla</mat-cell>
      </ng-container>

      <mat-header-row *matHeaderRowDef="mycols; sticky: true"></mat-header-row>
      <mat-row *matRowDef="let row; columns: mycols;" class="get-primary-important"></mat-row>
    </mat-table>
  </mat-tab>
</mat-tab-group>

.tabs-panel {
  flex: 1;
  width: 100%;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...