Links inside tooltip
See original GitHub issueReproduction demo
https://codesandbox.io/s/1q9yy1342j
Steps to reproduce the problem
- Click on the trigger
- 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:
- Created 4 years ago
- Comments:10 (3 by maintainers)
Top 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 >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
@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.
@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