У меня есть таблица внутри вкладки, которая расширяется до необходимой высоты и не отображает полосу прокрутки при достижении максимальной высоты панели.Группа 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%;
}