After show a tooltip, it stays on top of the dom blocking other elements mouseover event

[glena]

When a tooltip after the tooltip is shown it stays on top of the other dom elements, so it blocks the mouse over event of the elements behind it.

When the tooltip is shown, now, it sets the display style to block and when the tootip is hidden it is set to hidden.

[caged]

This should've been fixed in #23, but I've had a couple of reports. Display none/block prevents CSS animations from working.

A few things that would help here:

• What version of d3-tip are you using?
• What browser/OS combo are you on?
• A http://jsfiddle.net/ reproducing the bug or a place where I could see the bug would be rad if you're up for it.

Thanks!

[glena]

I was using the url from the demo (http://labratrevenge.com/d3-tip/javascripts/d3.tip.min.js).

You can check it here: http://reservashoy.com.ar/demo.php

Is it an old version?

[deanmalmgren]

Hey @caged and @glena, I think I may be having the same problem. I'm noticing that the d3-tip flickers on hovering over the target element and that the target element is intermittently clickable. Try hovering and clicking every once in a while; sometimes it toggles the color of the <rect> and other times it doesn't.

Here's a jsfiddle that reproduces the issue. I haven't tested whether @glena's pull request resolves it but hopefully this is useful for diagnosing the problem.

[glena]

I think that in my case it was due to an old versión of the library
El dic 7, 2013 7:59 AM, "Dean Malmgren" notifications@github.com escribió:

Hey @caged https://github.com/Caged and @glenahttps://github.com/glena,
I think I may be having the same problem. I'm noticing that the d3-tip
flickers on hovering over the target element and that the target element is
intermittently clickable. Try hovering and clicking every once in a while;
sometimes it toggles the color of the and other times it doesn't.

Here's a jsfiddle that reproduces the issue http://jsfiddle.net/4DcbH/.
I haven't tested whether @glena https://github.com/glena's pull request
resolves it but hopefully this is useful for diagnosing the problem.

—
Reply to this email directly or view it on GitHubhttps://github.com//pull/32#issuecomment-30052590
.

[caged]

@deanmalmgren Thanks for the fiddle! I'm going to look into this again. I might end up reverting #19 if I can't find a suitable fix for this.

[caged]

It appears that the fiddle is a result of the :after content overlapping the rect. By adding pointer-events:none to the :after content, it'll stop flickering. See http://jsfiddle.net/Caged/KdA2C/

[deanmalmgren]

Thanks for looking into it, @caged! I'll add that to #34 unless you prefer otherwise. Then we can close this one out?