ion-virtual-scroll не увеличивается при использовании mat-extension-panel

Question

Итак, я хочу объединить virtual scroll из Ionic с mat-expansion-panel из Angular. Но поскольку предмет имеет фиксированный размер, он больше не расширяется. Кроме того, при прокрутке расположение элементов портится не каждым элементом, имеющим одинаковое расстояние друг от друга. Как я могу это исправить?

HTML:

<mat-accordion>
    <ion-virtual-scroll [items]="listItems">
        <div *virtualItem='let item'>
            <mat-expansion-panel>
                <mat-expansion-panel-header>
                    <mat-panel-title>
                        Test
                    </mat-panel-title>
                    <mat-panel-description>
                        Description
                    </mat-panel-description>
                </mat-expansion-panel-header>
                Test 123
            </mat-expansion-panel>
        </div>
    </ion-virtual-scroll>
</mat-accordion>

TS:

export class AppComponent {
  listItems = Array.from({length: 100000}).map((_, i) => `Item #${i}`);
}

Пример Stackblitz:

https://stackblitz.com/edit/ionic-v4-angular-tabs-kizer8