CdkDropList enter deprecated not exists in CdkDropList

Question

After doing the update to Angular Material 10 I got a problem with drag&drop directive. enter, in cdkDropList doesn't exists anymore and so my code

this.placeholder.enter(drag, drag.element.nativeElement.offsetLeft, drag.element.nativeElement.offsetTop);

not working. I tried to find out a solution but without success. That's an example with the deprecated enter function https://stackblitz.com/edit/angular-dragdrop-grid-pnyded can anyone help me to fix this? Thanks a lot

This apparently is now handled in `DragListRef`. Have a look at this: https://github.com/angular/components/issues/19059 — Gunnar B., Jul 30 '20 at 09:36

score 32 · Answer 1 · answered Sep 20 '20 at 13:20

32

I had the same problem, and fixed it with:

this.placeholder._dropListRef.enter(drag._dragRef, 
drag.element.nativeElement.offsetLeft, drag.element.nativeElement.offsetTop);

answered Sep 20 '20 at 13:20

Jasper

560
4
15

1

This should be accepted as the answer, as it solves this issue for Angular 10. – Alex Gurrola Jul 28 '21 at 01:19
2

This also solves the issue for Angular 11 – Musa Jahun Aug 31 '21 at 22:42
1

angular 13 too. anything above the deprecated version i assume. – Elazar Zadiki Nov 28 '22 at 17:37

CdkDropList enter deprecated not exists in CdkDropList

1 Answers1

Linked