vue-draggable-plus
vue-draggable-plus copied to clipboard
Can't drag into SortableJs Instance outside Vue
Description
When attempting to move elements from a Vue component to a vanilla JS SortableJS instance, the operation fails. The expected behavior is that elements should be able to be moved seamlessly between the Vue component and the SortableJS instance.
Environment:
[email protected] /home/projects/vitejs-vite-9v4mkx
+-- @vitejs/[email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
`-- [email protected]
Browser: Chrome 123.0.6312.106
Repro Case
https://stackblitz.com/edit/vitejs-vite-9v4mkx?file=src%2FApp.vue
Steps to Reproduce:
- Grab an element from the left Vue Instance box
- Try to drop it on the right vanilla JS box
Expected: The element should be cloned to the right box without being removed from the Vue Instance Actual: The element is moving normally and dragging into the other box is disabled (cursor:disabled)
https://github.com/Alfred-Skyblue/vue-draggable-plus/assets/3743025/d953ade8-99d9-4a3c-9b4c-44f87a7cf9f2