huebee icon indicating copy to clipboard operation
huebee copied to clipboard

z-index stacking issues

Open matthewlein opened this issue 8 years ago • 5 comments

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.

matthewlein avatar Nov 28 '16 15:11 matthewlein

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.

desandro avatar Nov 28 '16 15:11 desandro

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

drohne200 avatar May 07 '17 11:05 drohne200

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

jemminger avatar Sep 20 '17 21:09 jemminger

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?

yabdab avatar May 02 '19 13:05 yabdab

👍

macsupport avatar Apr 23 '20 15:04 macsupport