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:
YoungCodeBro
commented
1 year ago
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:
https://jsfiddle.net/kasheftin/wdfvxyk1/ - pure SortableJS works correctly (no errors, no dom node clones):
https://jsfiddle.net/kasheftin/60joz8wn/ - Vue.Draggable gives errors: