Draggable: Clear zIndex after dragging

[garyw 16 Likes (Newbie)]

How can I clear z-index from a draggable after releasing it, so that new page elements don't appear beneath the draggable item?

[GreenSock 12,345 Likes (Superhero)]

If you want to turn off that feature altogether, just pass in zIndexBoost:false. If you want it to be boosted while dragging but then you want to alter it to something else afterward, you could do so in an onRelease:

Draggable.create("#yourID", {
  onRelease:function() {
    TweenLite.set(this.target, {zIndex:0});
  }
});

 

Or just use raw JS to remove the inline style altogether. Totally up to you. 

 

Enjoy!