Search the Community
Showing results for tags 'zindexboost'.
I've got a gallery of items. When dragged, the box's z-index appears to be higher than elements created before, but lower than ones created after. I want the z-index (for the dragged item) to be higher than all other items, not just the ones created before in the DOM. ie box 1 should move on top of boxes 2 - 5, not under them. I've tried ZIndexBoost. Edit: I've also tried applying style.zIndex="" on click, but it's not working.
On Safari and Chrome the zIndexBoost functionality doesn't work if the element you are dragging isn't absolutely positioned. If you drag one of the boxes to the right, you'll find it is underneath the boxes it is being dragged over. I can see that larger z-index values are getting applied, but they don't take effect for some reason that I don't understand. It all works fine in Firefox, but not in Chrome/Safari on OSX and on mobile Safari I've created a CodePen to demonstrate the issue: http://codepen.io/andynormancx/pen/vEPvxb