Links are not working in description element

[wottpal]

Example:

  toast.success('Success', {
    description: `View <a href="https://google.com" target="_blank">Google</a>`,
  })

The link is rendering correctly and is detected by Chrome, but it isn't clickable. I assume some wrapper is preventing event propagation. 🤔

[bkilrain]

Looks like it's been fixed but not released yet #378

[wottpal]

Looks like it's been fixed but not released yet #378

Actually I've checked out that issue and it's not the same. The html/node is rendering correctly if passed as a string. Even the links, they are just not clickable.

Though, I would say I find the way of passing nodes as strings and having them internally sanitized & rendered very counter intuitive, error-prone, and restrictive. Why not just using JSX.Element here, @emilkowalski? 🤔

[gurvirsinghbaraich]

Hi @wottpal,
I found the issue interesting and when I reproduced the issue the link seems work properly. I believe there might be some issue with the CSS styles that you might have applied to the element or it's parent.
Thanks.