z-index as a variable about hint.css HOT 13 CLOSED

I've noticed this as a problem for me as well. This means that you have to use a number that big (1000000) for it to show up on top of other objects?

from hint.css.

http://postimg.org/image/d3we37y5f/

I don't know if it has to do with the z-index or not, but the link to the image above shows the hint being cut off. Without doing a bunch of styling changes, is there a way to ultimately bring it to the front?

from hint.css.

@dgodfather
That looks like it's being cut off by an overflow, this is something you are going to need to fix outside of hint.css

from hint.css.

@dgodfather
I have the same problem. Did you find a solution?

from hint.css.

@thejameskyle @clrunlc and @clrunlc I am hitting the same issue as well. I need the overflow to be hidden, but also need the tooltip to show up... How can I get around this?

from hint.css.

@tnrich It's just not possible with hint. You can use something like this instead: http://github.hubspot.com/tooltip/docs/welcome/

from hint.css.

For me it was something with my underlying css that I had to work out. I can't quite recall. Do you have a link to your issue?

from hint.css.

@tnrich There can only be workarounds for this issue. For example, you could move the tooltip upwards and put it on the element that has overflow:hidden on it - if that works for your scenario.

If you could show your exact layout, may be I can suggest something. Otherwise if nothing works, you'll have to use some JavaScript based tooltip like @thejameskyle suggested.

from hint.css.

Okay thanks everyone for the input! I'll try using a js solution instead. Can anyone suggest a jquery-free solution that still works in a similar fashion to hintjs's data-attributes?

Thanks!

from hint.css.

@tnrich The thing you should consider is that with a JQuery solution your tooltips can be responsive. I'm not sure about strictly JS and certainly not CSS only.

from hint.css.

@tnrich The one I mentioned does not have a dependency on jQuery.

@dgodfather There's no reason that jQuery is needed for responsiveness

from hint.css.

@thejameskyle Wouldn't JS/Jquery be required to acknowledge window resizing?

from hint.css.

@dgodfather https://developer.mozilla.org/en-US/docs/Web/Events/resize

from hint.css.