Как решить проблему с ScrollingModule?

Question

[Galdar Turin]

Такая вот проблема, cdk-virtual-scroll-viewport выводит данные но они скрыты

Code

<cdk-virtual-scroll-viewport itemSize="50">

        <div *cdkVirtualFor="let item of items">
          {{ item.name }}
        </div>

    </cdk-virtual-scroll-viewport>

items = [
    {name: 'name1'},
    {name: 'name2'},
    {name: 'name3'},
    {name: 'name4'},
    {name: 'name5'},
    {name: 'name6'},
    {name: 'name7'}
  ]

Если в стилях убрать display: block то выводимые данные видно

Img

Я убрал все свои стили, но все осталось так же. Не могу понять, почему не отображает элементы в браузере.

Img