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.

Links inside tooltip

See original GitHub issue

Reproduction demo

https://codesandbox.io/s/1q9yy1342j

Steps to reproduce the problem

  1. Click on the trigger
  2. Click on the link

What is the expected behavior?

I think click trigger should allow events inside the tooltip

What went wrong?

The link doesn’t follow the URL. Click on the link triggers _this.handleOutsideClick() and then it calls event.preventDefault().

Any other comments?

Do we have any possibility to avoid this? Or wouldn’t it be a good idea to add outsideClickHandler to props?

Packages versions

  • react-popper-tooltip: 2.8.1

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
denisborovikovcommented, Apr 12, 2019

@elias-fadeyev Did you try to play with usePortal/portalContainer props? Tooltip can be attached to the draggable element instead of the document body. In this case, it should move with the appropriate container.

0reactions
elias-fadeyevcommented, Apr 12, 2019

@denisborovikov my fault, you are absolutely right! Unfortunately, a big tooltip now works as a handle and I can use it to drag’n’drop the container, as a part of it) I’ll try to find the solution for preventing this behavior. Thank you

Read more comments on GitHub >

github_iconTop Results From Across the Web

Accessible tooltip with links - User Experience Stack Exchange
A tooltip should provide a brief explanation in plain text. If you need any links or buttons inside the tooltip, it is not...
Read more >
Placing a link inside of a tooltip - Stack Overflow
I have a situation where I need to display a link inside a tooltip. I have found several posts where people state that...
Read more >
How to: Display a Hyperlink in a Tooltip | WinForms Controls
Tooltips can contain hyperlinks. ... You can use HTML tags to format the text in tooltips. The <href> and </href> tags allow you...
Read more >
Clickable links in tooltips – amCharts 4 Documentation
Tooltips are used in a number of places to provide contextual information on a hovered/tapped object, like a Slice of a Pie Chart,...
Read more >
How do I add a hyperlink to a tooltip? - Quora
press Ctrl-K , input your url in the address bar, click the add button. example : facebook.
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