Components: cdkDropList events not triggered within a mat-table row

Created on 3 May 2019 · 4Comments · Source: angular/components

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?

P4 cddrag-drop materiatable feature

Source

anthonyrivas

Most helpful comment

Hi guys, I'd really need this feature to make mat-table columns reorderable. Has there been any progress with this?

see https://stackblitz.com/edit/angular-p12rek

zehavibarak on 7 Aug 2019

👍3

All 4 comments

Hi guys, I'd really need this feature to make mat-table columns reorderable. Has there been any progress with this?

bsarkadi on 24 Jul 2019

Hi guys, I'd really need this feature to make mat-table columns reorderable. Has there been any progress with this?

see https://stackblitz.com/edit/angular-p12rek

zehavibarak on 7 Aug 2019

👍3

This is still broken in 9.1.3 but for those looking you can work around this problem in 9.1.3 by making the entire table the drop list. This seems to bypass the issue.

anthonyrivas on 17 Mar 2020

Has this been resolved? I am facing a very similar issue on the latest Angular v10 stack...