React-tooltip: Keep tooltip open when mouse hovers over

Created on 21 Jul 2016  路  6Comments  路  Source: wwayne/react-tooltip

I am using HTML with a mailto link in the tooltip that I want the user to be able to click on. Is is possible for the tooltip to stay open while cursor is hovering? I saw that there is a hide delay but I think that would just confuse the users.

Thanks for the great plugin!

Feature

Most helpful comment

I think it's important to mention for someone who wants hoverable tooltips and looking for solution.

There is great workaround published by @wwayne himself!
http://wwayne.com/react-tooltip/ check out "Theme and delay"

As for me, it has taken some time before i realized that there IS a solution, so such comment would have been useful for me.
Thanks @wwayne for the great plugin!

All 6 comments

At the moment, I would suggest you use the delayHide(you can see the example page for the usage), I may add new attribute in the future to support this

Ill probably just leave it as plain text for now then. If a user moves cursor away and tries to do something else but the tooltip is still up for 3 seconds blocking other inputs its not very user friendly. If I ever get the time maybe I will fork and try to add it.

I think it's important to mention for someone who wants hoverable tooltips and looking for solution.

There is great workaround published by @wwayne himself!
http://wwayne.com/react-tooltip/ check out "Theme and delay"

As for me, it has taken some time before i realized that there IS a solution, so such comment would have been useful for me.
Thanks @wwayne for the great plugin!

@huumanoid could you please share workaround that was published on the website that you mentioned in comment above? This website is unavailable now and I need hoverable tooltips =\

I've found it, it is on github pages: http://wwayne.github.io/react-tooltip/

It supports already data-tip='custom show' options. I would close this issue.

Was this page helpful?
0 / 5 - 0 ratings