How can I get draggable items to stack on top of each other using react-draggable?

Samuel Kendrick - Feb 2 '23 - - Dev Community

Hey! Check out my PR: https://github.com/VEuPathDB/CoreUI/pull/140/files

In it I've added a general purpose draggable panel component which renders its children into a panel that can be repositioned by users via drag and drop. To accomplish the dragging/dropping, I depend on react-draggable. I was surprised to see that when I dragged items, the most recently dragged item WAS NOT on top of the other items. Here's what I discovered was happening:

https://youtu.be/bjXWnhiJR0s

YouTube:

. . . . . . . . . . . .
Terabox Video Player