Use smooth-dnd-container as a drop zone

[adjioev]

Hello,

I need to create a a drop zone for my dnd files, i.e. files from a table list are dragged into a separate drop zone, similar to https://www.dropzonejs.com/. Table list is also smooth-dnd-contaner with smooth-dnd-draggable items.

I got some results with dragEnter/dragLeave functions, but the problem is that dnd-container expects a list of dragables inside abnd dragEnter works only if I drag an item at the very top of container. I just want to have an empty container that will fire onDrop when smooth-dnd-draggable is droped in.

Is there a way to mimic this behavior with smooth-dnd?

Cheers Alex

[kutlugsahin]

Hey Alex, you simply can use an empty container for drop zone that means no draggables inside. The problem you are facing is that the empty container wont have any height when its empty and you cannot drop into it. But you can easily set its height by adding a css rule for the target container. Containers have 'smooth-dnd-container' class names. Hope this helps