Can't drag into SortableJs Instance outside Vue

[marcopixel]

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:

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)

Recording.vue-draggable-plus.mp4