Link not clickable in tooltip
See original GitHub issueHey guys, in the screenshot you can see my React tooltip being used. I managed everything nicely.
But if I pass this inside the tooltip, you can see it there. It’s not clickable. Yeah w3 that desperate I was -> I passed normal
<div className={css.link}> <a href="https://www.w3schools.com">Visit W3Schools</a> </div>
Can it be that it’s not supported or rather my css imports could be breaking that? TY 😃
Issue Analytics
- State:
- Created 6 years ago
- Comments:5
Top Results From Across the Web
Link not clickable in tooltip · Issue #336 · ReactTooltip ... - GitHub
Hey guys, in the screenshot you can see my React tooltip being used. I managed everything nicely. But if I pass this inside...
Read more >[OutSystems UI] Tooltip with Link inside is not clickable
When I add a "Link" to the "Content" placeholder, the link is not clickable. As a workaround, I made an own component with...
Read more >Link in ChartJS tooltip not clickable - Stack Overflow
When 1-3 steps are completed, the external tooltip is supposed to behave as expected AND the link elements contained in that tooltip should ......
Read more >Making links clickable in Tooltip - Tableau Community
I am currently having trouble in inserting hyperlinks to my tableau worksheet. From my original data source, all the links are clickable, but...
Read more >Clickable links in tooltips? - WordPress.org
this displays the link anchor text in the tooltip hover, but how does the user click the tooltip? it disappears when the cursor...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@dankonino just fixed by css
.__react_component_tooltip { pointer-events: auto !important; }
You can also add a class to the
ReactTooltip
component that adds thepointer-events: auto
style.So in your css
And your component