How to distinguish drag for reorder from drag&drop to outside element

[crystalfp]

Hello! I'm using with great satisfaction Sortable through knockout-sortablejs.

I drag elements to reorder them but also to drop them on an outside element. It works even if it could be simplified, I think (I added a dragstart event handler to the elements currently).

My small problem is that when I drag an item to the outside the list becomes reordered making it modified.

I tried to disable sorting if I drag the element with ctrl pushed, to distinguish drag to outside, but without success.

Maybe the solution is to use onChoose and here disabling sorting if ctrl pushed. But I don't know how to add this to the knockout-sortablejs interface.

Suggestions? Experience? Ideas?

Thanks a lot!
mario

[owen-m1]

If you do:

new Sortable({
    onMove: function (evt, originalEvent) {
        return false; // Return false to cancel sorting
    },
})

And in the onMove function you can check if CTRL is down or something in the originalEvent parameter

[crystalfp]

Thanks! Unfortunately the function is called but the return value is ignored. I think the knockout-sortablejs layer that I use is discarding the return value. Let me investigate further.

[crystalfp]

OK, solved. There were a missing return statement in knockout-sortablejs (see SortableJS/knockout-sortablejs#14). Added it and your suggestion works perfectly. Thanks!