Description
Bug, feature request, or proposal:
I imagine this is an unsupported use case, but I'm trying to get the drag-drop functionality to work with the CDK/Material Table. I've tried a bunch of permutations and can't seem to get it to do even basic drag and drop.
I'd envision that I'd probably need to implement all the event hooks and manage the data source used by the table as I drag, but seeing as the placeholder created is locked to the mat-cell I didn't get that far in trying to make it work.
What is the expected behavior?
That I can drag and drop a cdkDrag element when that cdkDrag element happens to be a mat-row, for example. The cdkDragHandle directive be honored when in a mat-cell.
What is the current behavior?
The drag placeholder is created, but locked to the mat-cell for movement. Additionally, the cdkDragHandle does not seem to work in this situation. A drag of anywhere on the row initiates a drag operation. Though searching this might be fixed in #13335?
Uncaught TypeError: Cannot read property 'nativeElement' of undefined is thrown in drop.ts:369 when starting the drag.
What are the steps to reproduce?
https://stackblitz.com/edit/angular-xout8v
What is the use-case or motivation for changing an existing behavior?
I imagine it's a fairly common use case to be able to drag and drop rows in a table.
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Same as the stackblitz, 7.0.0 rc0 (rc1 for drag-drop). Only tested in Chrome 69.0.3497.100 on Win10.
Is there anything else we should know?
Not that I can think of, mainly looking for guidance if this is going to be a supported use case.