Prevent duplicate cloning

[alexcroox]

Is there an easy way to prevent you cloning one item into the same list multiple times? Basically if the item already exists in the other list I don't want it to be added again.

Currently the only way I can think is by using onAdd on the target list and looking at the innerText of the event.item and comparing against event.to.children and removing if duplicate is found.

[RubaXa]

Nope.

[sengarawi]

please suggest the way u are using to prevent duplication.

[jiteshvassa]

I'd like to know if there's an easy way to prevent duplicates too.

[kimpurplevoice]

+1

[lagunawebdesign]

+1

[alexmayo]

+1

[RubaXa]

https://github.com/RubaXa/Sortable#group-option

Use group.pull/put as function.

[fodil-youssouf-islam]

put: (to, from, dragEl, event) => { for (let i = 0; i < to.el.children.length; i++) { if (to.el.children[i].getAttribute("data-id") === dragEl.getAttribute("data-id")) { console.log("already exist") return false } } return true }

this is my way of preventing the duplicates in my react project.