cdkDropList events not triggered within a mat-table row

#### What is the expected behavior?
When the table row is set to cdkDropList it should treat cdkDrag items within the row as list items, reordering where necessary and triggering cdkDropListDropped on release

#### What is the current behavior?
mat-header-cells with the cdkDrag property inside a cdkDropList mat-header-row are behaving as if they are normal cdkDrag items without a cdkDropList.

#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-3x3fbt

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
9.1.3

#### Is there anything else we should know?
Similar issue: https://github.com/angular/components/issues/13770

リンクされている StackBlitz の再現例から始め、mat-table のヘッダー行内で cdkDropList と cdkDrag がどのように相互作用するかを調査してください。同様の issue #13770 と動作を比較し、その行が mat-header-cell のドラッグをリスト項目として扱っているか確認してください。並べ替えが機能し、離したときに cdkDropListDropped が発火すれば完了です。

索引モデルが issue の本文から書いたものです。