1) У меня есть панель инструментов мата (фиксированный размер: минимальная ширина: 64 пикселя),
2) под панелью инструментов мата, У меня есть группа Mat-Tab,
3) часть содержимого Tab длинная, поэтому мне нужна полоса прокрутки только внутри вкладки.
4) Тем не менее, Последние строкипрокручиваемый контент обрезается и не виден.
Пример StackBlitz
<div fxFill style="overflow:hidden !important">
<mat-toolbar color="primary" style="min-height:64px !important">
<button mat-icon-button>
<mat-icon>Toolbar</mat-icon>
</button>
</mat-toolbar>
<mat-tab-group fxFill>
<!-- need this tab content to fill -->
<mat-tab label="Short-1">
<div fxFill fxLayout="column" style="background-color:lightblue;">
<p>Short Content 1</p>
</div>
</mat-tab>
<!-- need this to scroll but last few lines are clipped-->
<mat-tab label="Long">
<div fxFill fxLayout="column" style="overflow:auto;background-color:yellow;">
<div >
<p *ngFor="let line of lines">{{line}}</p>
</div>
</div>
</mat-tab>
<!-- need this tab content to fill -->
<mat-tab label="Short-2">
<div fxFill fxLayout="column" style="background-color:lightgreen;">
<p>Short Content 2</p>
</div>
</mat-tab>
</mat-tab-group>