You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have a draggable div that is postion: absolute, width/height: 300px, z-index: 100. Underneath I have a modal shield (a width/height: 100% layer of black with 50% opacity). The point is to allow the draggable div to be moved around the screen while keeping the modal shield at a lower z-index than the block. This prevents the rest of the underlying page from getting any clicks/interaction.
What happens:
After dragging the element around the page, once the drag has finished, the draggable div ends up with a z-index of 0. I would expect the z-index to be restored to its original state. By setting the parameter "z-index: 100", this only affects the z-index during drag. As a separate issue, setting the onEnd callback to set the z-index causes other issues (the drag never ends).
The text was updated successfully, but these errors were encountered:
I have a draggable div that is postion: absolute, width/height: 300px, z-index: 100. Underneath I have a modal shield (a width/height: 100% layer of black with 50% opacity). The point is to allow the draggable div to be moved around the screen while keeping the modal shield at a lower z-index than the block. This prevents the rest of the underlying page from getting any clicks/interaction.
What happens:
After dragging the element around the page, once the drag has finished, the draggable div ends up with a z-index of 0. I would expect the z-index to be restored to its original state. By setting the parameter "z-index: 100", this only affects the z-index during drag. As a separate issue, setting the onEnd callback to set the z-index causes other issues (the drag never ends).
The text was updated successfully, but these errors were encountered: