How to get similar behaviour to a file manager: e.g. dragging a file into a folder.

[ajmchambers]

Hey, I'm trying to learn sortablejs (I like that its not tied to any particular framework).

My goal is to create something that behaves similar to a file manager. You have two columns: Groups and Items. Items belong to Groups and you can rearrange items within a group but also can drag items into other groups. Groups can also be reordered themselves.

Groups	Group 1 Items
Group 1 (selected)	Item 1
Group 2	Item 2
Group 3	Item 3

Goals:

• to be able to drag groups and rearrange their order.
• to be able to drag items and rearrange their order.
• to be able to drag items (from the current active group) into other groups by dragging the item on-top of the group

Here is a video example:

draganddropexample.mp4

Anyone know how I could achieve this? (in particular dragging items into other groups, without becoming part of that list)