Vue.Draggable icon indicating copy to clipboard operation
Vue.Draggable copied to clipboard

Incorrect clones/errors on real-time app while several drags happen at the same time

Open Kasheftin opened this issue 4 years ago • 1 comments

The application can be used by several users at the same time. It uses sockets, etc. The issue happens when some user is being dragged an item, and the other user drags the same (or sometimes even the different one) item. This case the vuex state is being updated, value prop for draggable updated as well. Then the first user starts getting errors, clones, and the DOM structure desyncronizes from the vue.

I put it here because it seems to be Vue.Draggable error, not SortableJS. Here're 2 examples:

  1. https://jsfiddle.net/kasheftin/wdfvxyk1/ - pure SortableJS works correctly (no errors, no dom node clones): Peek 2021-10-14 12-41

  2. https://jsfiddle.net/kasheftin/60joz8wn/ - Vue.Draggable gives errors: Peek 2021-10-14 12-44

Kasheftin avatar Oct 14 '21 09:10 Kasheftin

How did you solve it

YoungCodeBro avatar Jul 31 '23 07:07 YoungCodeBro