React-dnd: Drag and Drop between two different containers with different elements

Created on 20 Sep 2016 · 8Comments · Source: react-dnd/react-dnd

Hello,

is there any way to do drag and drop between two different lists with two different containers (every container contains different elements). I have found solution here http://rafaelquintanilha.com/sortable-targets-with-react-dnd/ but the problem is that i can just a push element into another container not drag and dropping there.

wontfix

Source

romanmuska

Most helpful comment

@kesne

but how to drag sortable item to another container ?

any possible to add more than 1 container example ?

crapthings on 14 Oct 2016

👍11

All 8 comments

I can do it by adding container in every element in first list and then i can drag there what i want but the problem is that i need to hide it and when i drag the element on it, it shows

romanmuska on 20 Sep 2016

This example shows how you can hide the element while dragging it: http://gaearon.github.io/react-dnd/examples-sortable-simple.html

kesne on 22 Sep 2016

👎4 😕1

@kesne

but how to drag sortable item to another container ?

any possible to add more than 1 container example ?

crapthings on 14 Oct 2016

👍11

Any updates? A dnd example between two sortables would be really helpful :smile:

Carmezim on 17 Jul 2017

👍9

@Carmezim
tutorial & example - http://rafaelquintanilha.com/sortable-targets-with-react-dnd/

denvist on 11 May 2018

👍2

Any updates here?

AboutC0DE on 22 Aug 2018

😕1

^ updates?

harrysolovay on 21 Oct 2018

👍1

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.