nteract / semiotic

A data visualization framework combining React & D3
https://semioticv1.nteract.io/
Other
2.43k stars 133 forks source link

Hide tooltip on mouse out #544

Closed rkz2021 closed 3 years ago

rkz2021 commented 3 years ago

Trying to make the tooltip content selectable using the solution provided here - https://codepen.io/emeeks/pen/GdOGZZ?editors=0110. Is there a way to hide the tooltip on mouse out of each node?

ShahirZain commented 3 years ago

hi I saw your code here may be a solution , you can do like this image

rkz2021 commented 3 years ago

Tried this as well, not working

rkz2021 commented 3 years ago

Let me explain the scenario in detail - in the sample given in codepen(https://codepen.io/emeeks/pen/GdOGZZ?editors=0110), the tooltip content gets changed when mouse over moves from one bar to another. But the tooltip is not hiding on mouse out of the bar or container. Once the tooltip is displayed, it's not going off without refreshing the page.