Кто-нибудь встречал проблему с виртуальной прокруткой angular 7 cdk, работающей ненормально в группе mat-tab.
https://github.com/angular/material2/issues/13981
Мой шаблон компонента города выглядит так
<cdk-virtual-scroll-viewport class="list-container" [itemSize]="50" minBufferPx="200" maxBufferPx="400" (scrolledIndexChange)="getNextBatch($event)">
<div *cdkVirtualFor="let state of statesObservable | async; trackBy: trackByFn" class="list-group-item state-item">
<div class="state">{{state.name}}</div>
<div class="capital">{{state.capital}}</div>
</div>
</cdk-virtual-scroll-viewport>
Когда этот компонент города помещается в группу mat-tab-group в качестве второй вкладки
<mat-tab-group>
<mat-tab label="Country">
<app-country></app-country>
</mat-tab>
<mat-tab label="City">
<app-city></app-city>
</mat-tab>
</mat-tab-group>
Результат выглядит как bel ow:
Код stackblitz находится здесь: https://stackblitz.com/edit/angular7-virtual-scroll-issue
У кого-нибудь есть идеи по этой проблеме?