cdk-virtual-scroll с mat-autocomplete работает нерегулярно

Question

Я пытаюсь использовать cdk-virtual-scroll внутри автозаполнения mat:

<mat-form-field>
  <input type="text" placeholder="Pick one" aria-label="Number" matInput [formControl]="myControl2"
     [matAutocomplete]="auto">
  <mat-autocomplete #auto="matAutocomplete">
    <cdk-virtual-scroll-viewport class="autocomplete-test-viewport" itemSize="50" minBufferPx="500" maxBufferPx="750">
      <mat-option *cdkVirtualFor="let option of options" [value]="option" class="autocomplete-item">
      {{option}}
      </mat-option>
    </cdk-virtual-scroll-viewport>
  </mat-autocomplete>

Однако в этой настройке виртуальная прокрутка работает нерегулярно. Я генерирую 200 вариантов, но если я прокручиваю медленно, используя стрелку прокрутки вниз (хром), он останавливается около 14. Подобная установка с выбором циновки не имеет этой проблемы.

См. https://stackblitz.com/edit/angular-xv1n2e?file=src/app/app.component.html для всей настройки примера (mat-autocomplete и mat-select с помощью cdk-virtual-scroll).

У кого-нибудь есть рабочий коврик для автозаполнения с помощью cdk-virtual-scroll?