I am attempting to drag items from a tree that is inside a v-navigation-drawer to a container in a different component. I have found that the order of the node being dragged is behind everything else. I have already tried manually setting the z-index when dragging the node but it does not work.

Any ideas on how i could make the draggable items on top of everything else? Vue-Smooth-Dnd has an example of this using get-ghost-parent() which allows you to set the parent element of the drag operation to document.body which puts the dragged element on top.

Any thoughts on how to get around this?