Drag and drop from outside to multiple moveable

[xinnai]

Hi, thank you for your hard work. I found this: https://codepen.io/pistell/pen/XWWdZrv and it's totally what I need. But now I want multiple drop-able pages in my project, (multiple yellow containers in your demo). And I found it's hard to do. Should I use only one moveable? Or new multiple moveables for each yellow containers? Can you give me a demo for this? Thank you so much!

[daybrush]

@xinnai

Use individualGroupable: true

Update moveable.target whenever elements are added to the dropped zone.

ex)

moveable.target = document.querySelectorAll(".target");

[salahcgp]

Can anyone provide a demo of this demo in svelte? https://codepen.io/pistell/pen/XWWdZrv

[iCloudys]

https://user-images.githubusercontent.com/13017318/154914750-7babdc16-0c56-45cb-903b-6fde6f13b376.mp4

do you want this effect??

[Samoji]

QQ20220221-161556.mp4 do you want this effect??

Looks great! Can you share the source code? Thanks @daybrush to developing this amazing library! 🔥

[daybrush]

@Samoji

https://daybrush.com/moveable/storybook2/?path=/story/individual-group--draggable-scalable-template

there is only the react code.