React-tooltip: Link not clickable in tooltip

[dankonino]

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 :)

[phuochau]

@dankonino did you solve this issue? I'm trying to fix it too

[dankonino]

Nah we just made decision that link will be displayed somewhere else. Didn’t hack it at all

[phuochau]

@dankonino just fixed by css

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

[dankonino]

@phuochau wow man thanks will do it also ! :)

[DevinRiley]

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"
/>