Using tooltip with overflow scrolling and Z-pointer
On a site I'm building I have a sidebar for directories. Hovering a node displays a tooltip. I have a scrolling overflow set to keep directories in a container. I need my hint to pop out of the overflow container: hidden. I tried to set the z-index higher than other items, but it still hides the tooltip. Tried to post photos but I need a higher reputation first. Does anyone have a suggestion for this issue?
+3
source to share
1 answer
Fixed here - http://jsfiddle.net/3w6kznac/2/
Don't set the relative position of the element (to which the hover event is bound)
.tooltip{
display: inline;
/*position: relative; */ // remove this
}
+1
source to share