question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Link not clickable in tooltip

See original GitHub issue

Hey 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 😃

screen shot 2017-09-13 at 12 25 07 am

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5

github_iconTop GitHub Comments

22reactions
phuochaucommented, Sep 22, 2017

@dankonino just fixed by css

.__react_component_tooltip { pointer-events: auto !important; }

4reactions
DevinRileycommented, Oct 30, 2018

You can also add a class to the ReactTooltip component that adds the pointer-events: auto style.

So in your css

.react-tooltip-clickable-link {
  pointer-events: auto
}

And your component

<ReactTooltip
  html={true}
  className="react-tooltip-clickable-link"
/>
Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found