cdk-virtual-scroll-viewport ничего не отображать

Question

Я пытаюсь использовать cdk-virtual-scroll-viewport, но у меня проблема с отображением элементов.

Это мой код:

<cdk-virtual-scroll-viewport itemSize="557" style="height:1114vh">

    <div app-product-card class="card-container"
        *cdkVirtualFor="let product of this.products" [product]="product"></div>

</cdk-virtual-scroll-viewport>

app-product-card height * 551px в css

Я вижу все внутри DOM, но ничего не видно. Как я могу его отладить?

Спасибо