z-index stacking issues

[matthewlein]

z-index is a classic issue with tooltip/modal libraries I've used. See:

http://codepen.io/matthewlein/pen/zoEvpN

From what I've seen, the only way to make it z-index work as intended is to append to the body, instead of a sibling like you're doing. The body is most likely not in a set z-index context, so it can be reliably set by a developer. Its happened to me plenty of times. will-change also creates a new stacking context, making the issue more likely in other unforeseen ways.

[desandro]

Add a 👍 reaction to this issue if you have run into this bug as well.

---

Yup, this looks to be a bug. Thanks for reporting this one. I'll have to evaluate appending-to-body as you suggest.

[drohne200]

I have the same issue on JQM. z-index does not work! Please fix this bug!

[jemminger]

I have a similar issue where my color input is inside a div with overflow: hidden. Huebee is mostly hidden because of this.

[yabdab]

Add a 👍 reaction to this issue if you have run into this bug as well.

Yup, this looks to be a bug. Thanks for reporting this one. I'll have to evaluate appending-to-body as you suggest.

Have you added this an option yet? If not, can you give an example on how to do so?

[macsupport]

👍