How to auto scroll when dragging mat tabs with cdk drag drop

Question

It seems that the cdk drag drop auto scroll is not working when used with mat tabs:

Here is the template

<div
  #docTabGroup
  mat-tab-nav-bar
  cdkDropList
  cdkScrollable
  cdkDropListOrientation="horizontal"
  class="example-list"
  (cdkDropListDropped)="drop($event)"
  (wheel)="scrollTabs($event)"
>
  <div
    #dragItem
    mat-tab-link
    class="example-box"
    *ngFor="let timePeriod of timePeriods"
    cdkDrag
  >
    {{timePeriod}}
  </div>
</div>

Dragging an item is not triggering the scroll. Is there a way I could implement that with tabs?

See this stackblitz