search

Alfred-Skyblue / vue-draggable-plus

Universal Drag-and-Drop Component Supporting both Vue 3 and Vue 2
https://vue-draggable-plus.pages.dev/en/
MIT License
2.71k stars 106 forks source link

Can't drag into SortableJs Instance outside Vue #119

Open marcopixel opened 3 months ago

marcopixel commented 3 months ago

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:

vite-vue-starter@0.0.0 /home/projects/vitejs-vite-9v4mkx
+-- @vitejs/plugin-vue@5.0.4
+-- sortablejs@1.15.2
+-- vite@5.2.8
+-- vue-draggable-plus@0.4.0
`-- vue@3.4.21

Browser: Chrome 123.0.6312.106

Repro Case

https://stackblitz.com/edit/vitejs-vite-9v4mkx?file=src%2FApp.vue

Steps to Reproduce:

  1. Grab an element from the left Vue Instance box
  2. 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