Using 3rd party component I can not sort items inside draggable

[TitanFighter]

I use vue-smooth-dnd as a sortable component inside vue-draggable-resizeble.

If I do not apply dragCancel to the element with sortable items, vue-smooth-dnd does not work (items sorting actually drags vue-draggable-resizable).

When I add dragCancel class, dragging does not work (as expected), but sorting also does not work.

Demo
vue-draggable-resizable version: 1.7.2

[TitanFighter]

@mauricius Thank you very much for the quick fix.

As I did not know when you can fix it, I started to check other sorting libraries as well as vue-draggable-resizable v2 and I found related problem.

I tried vuesortable. It works in versions 1.7.2 (so even before your fix) and 1.7.3, but in v2 it does not work (vue-smooth-dnd from the 1st post also does not work with v2).

Here is the working demo with vue-draggable-resizable 1.7.3 and vuesortable, but with vue-draggable-resizable v2 the same code does not work, so the same problem as in the 1st post, ie.:

If I do not apply dragCancel to the element with sortable items, vue-smooth-dnd does not work (items sorting actually drags vue-draggable-resizable).

When I add dragCancel class, dragging does not work (as expected), but sorting also does not work.

Unfortunatelly I can not provide demo for v2 - fully imported to codesandbox dev branch does not work.

Can you please fix this problem also in v2, because I need reactive props? As far as I have tested v2, this is the single problem so far I have found.

Thank you!

EDIT: Demo fixed.

[mauricius]

Finally I had the chance to look into your issue. Based on your demo, it seems that you need to re-enable native drag functionality, as it is disabled by default by the component. Just use :enable-native-drag="true" and it should work.

Let me know if it works for you. Also thank you so much for your tests on v2, hopefully I'm able to release it soon.

[TitanFighter]

Hi @mauricius
native-drag works. Thank you.