Preventing element from being added in a Sortable

[hnrq]

Preventing element from being added in a Sortable

[zjffun]

I also think it's good to prevent manipulate DOM, but no one has merged PR and released a new version recently for this project. There is another idea I found in react-sortablejs that revert nodes to pre-drag position then change React state.

1. record where the node is when start dragging
2. put it back after dragging
3. remove redundant nodes
4. update state

[hnrq]

Okay, I gave up on Dragula because it is too slow on mobile. I'll figure out how to make that event cancellable

[zjffun]

I used to update the state (e.g.: items list array) when drag:stop or drag:stoppedand then draggable elements re-rendered because the state changed. The above approach doesn't need to prevent or cancel any event, but it is not performant because all draggable elements are re-rendered after sorted.

[hnrq]

I used to update the state (e.g.: items list array) when drag:stop or drag:stoppedand then draggable elements re-rendered because the state changed. The above approach doesn't need to prevent or cancel any event, but it is not performant because all draggable elements are re-rendered after sorted.

I'm trying to do something similar, but I'm currently getting two instances of the same item into the list (Probably happens because Solid does not re-render the container, but only appends a new instance). It would be really good if preventing the new node from being appended were possible.

[hnrq]

Good idea! I might try and take a look into the lib, however, looks like there are lots of PRs waiting to be merged and no updates on master for a long time :/. That's a bummer, I might as well give dragula a try, seems like it has a similar API