Angular обнаружение таблицы материалов Scroll

Question

Я использую Angular Таблица материалов и хочу определять, когда пользователь прокручивает таблицу. Для этого я использую cdkScrollable.

app-my-component:

<table mat-table cdkScrollable [dataSource]="dataSource">

constructor(private scrollDispatcher: ScrollDispatcher) {
    this.scrollDispatcher.scrolled().subscribe(x => console.log('I am scrolling'));
}

Это отлично работает, когда app-my-component является частью root компонента приложения.

Но это не работает, когда app-my-component находится внутри mat-tab.

<mat-tab-group (selectedTabChange)="tabChanged($event)">
    <mat-tab>
      <ng-template mat-tab-label>
        <span>My Component</span>
      </ng-template>

      <app-my-component></app-my-component>
    </mat-tab>
</mat-tab-group>

Высота таблицы в app-my-component ограничена высотой mat-tab. Таким образом, полоса прокрутки появляется внутри mat-tab.

Как я могу заставить ее работать, когда app-my-component находится внутри mat-tab?