React-dnd: Have an example in the docs that illustrates dragging multiple elements.

Created on 30 Nov 2016 · 10Comments · Source: react-dnd/react-dnd

While the thread https://github.com/gaearon/react-dnd/issues/14 started by @gaearon might not be implemented anytime soon, I feel like a workaround approach can be illustrated in the docs if someone wants to use react-dnd for dragging multiple elements.

wontfix

Source

nikhilbaradwaj

Most helpful comment

@pavel06081991 @dangreenisrael @ishantoberoi @GreGGus

Sorry for the late response. The code example for multi-select drag and drop is here - https://github.com/nikhilbaradwaj/ReactMultiDnD

You can test the app here - https://nikhilbaradwaj.github.io/ReactMultiDnD/

nikhilbaradwaj on 18 Jun 2017

👍19 🎉15

All 10 comments

If this is something worth doing, I would love to write the example and submit a PR.

nikhilbaradwaj on 30 Nov 2016

👍8

@nikhilbaradwaj If you have a working example of selecting multiple elements for drag n drop, can you please share it?

oberoi-ishant on 25 Jan 2017

👍5

@nikhilbaradwaj That would be amazing

dangreenisrael on 3 Feb 2017

@nikhilbaradwaj

GreGGus on 27 Apr 2017

@nikhilbaradwaj, Yeah, we would appreciate it

pavel06081991 on 17 May 2017

@pavel06081991 @dangreenisrael @ishantoberoi @GreGGus

Sorry for the late response. The code example for multi-select drag and drop is here - https://github.com/nikhilbaradwaj/ReactMultiDnD

You can test the app here - https://nikhilbaradwaj.github.io/ReactMultiDnD/

nikhilbaradwaj on 18 Jun 2017

👍19 🎉15

@nikhilbaradwaj Thank You.

oberoi-ishant on 20 Jun 2017

If anyone's interested, I implemented a multiple drag / grid view: https://codesandbox.io/s/9j897k0mwy.
You can use cmd/ctrl and shift keys to select multiple items, then drag them around the grid and insert them anywhere.

This is still a demo, but I might package it in a component later.

melvynhills on 1 Mar 2018

👍10 ❤9

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.

stale[bot] on 6 Jul 2019

If anyone's interested, I implemented a multiple drag / grid view: https://codesandbox.io/s/9j897k0mwy.
You can use cmd/ctrl and shift keys to select multiple items, then drag them around the grid and insert them anywhere.

_This is still a demo, but I might package it in a component later._

Any progress on this? :D