reppners / ngx-drag-drop

Angular directives using the native HTML Drag And Drop API
https://reppners.github.io/ngx-drag-drop/
BSD 3-Clause "New" or "Revised" License
299 stars 117 forks source link

Placeholder doesn't disappear when working with multiple dropzones #132

Closed matheusdavidson closed 1 year ago

matheusdavidson commented 1 year ago

Describe the bug I'm working with a list of panels, inside each panel I have the drag and drop functionality on a list like this: -- Panel 1 (drop) ---- item 1 (drag) ---- item 2 (drag)

-- Panel 2 (drop) ---- item 1 (drag) ---- item 2 (drag)

It works fine and I can move between them but the placeholder won't disappear if I drag an item from a panel to the other, It stays fixed on the source dropzone and a new placeholder appears on the other dropzone.

I have made a demo to reproduce: https://stackblitz.com/edit/angular-uhhcf3?file=src/app/app.component.html

To Reproduce demo: https://stackblitz.com/edit/angular-uhhcf3?file=src/app/app.component.html

Steps to reproduce the behavior:

  1. Go to the demo
  2. Drag an item from one panel(dropzone) to the other, make sure to drag it slowly, if you drag it quick it works fine.
  3. See error

Expected behavior The placeholder should be visible only on the dropzone it's being dragged over

Screenshots Screenshot 2022-12-31 at 00 14 12 image

Desktop (please complete the following information):

Additional context Congrats for the great work!

ChristofFritz commented 1 year ago

Wow, what a weird bug. Thank you for the example, that helps immensely.

ChristofFritz commented 1 year ago

Sorry that it took so long, but it should be fixed now.