Drop child element from list rendered inside portal to parent div with Droppable context

I have a Draggable section within which element opens popover (as React portal) containing list of items, I was trying to drag the child element from popover and drop outside popover over the Droppable section outside. How can it be achieved?

What I tried:

• Wrapped the list items inside the popover within Draggable to make items draggable but it doesn't allow dropping outside the portal

Via Active questions tagged javascript - Stack Overflow https://ift.tt/1DRY7Xq