Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip's HTML <a> is not clickable / regression from 4.2.6 #5722

Closed
morganfree opened this issue Sep 22, 2016 · 7 comments
Closed

Tooltip's HTML <a> is not clickable / regression from 4.2.6 #5722

morganfree opened this issue Sep 22, 2016 · 7 comments

Comments

@morganfree
Copy link
Contributor

Expected behaviour

In a tooltip with HTML enabled tag with url is clickable and relocated to the url.
http://jsfiddle.net/fb0qssya/3/

Actual behaviour

Url is not clickable at all. This regression from 4.2.6.

Live demo with steps to reproduce

http://jsfiddle.net/fb0qssya/2/

@oysteinmoseng
Copy link
Member

Offending commit: 41d8546

@TorsteinHonsi
Copy link
Collaborator

TorsteinHonsi commented Sep 23, 2016

The workaround is to set style.pointerEvents to auto, see http://jsfiddle.net/fb0qssya/4/.

I'm not sure whether to call this a bug or a feature - as you see from the offending commit it resolves another problem. The ideal solution would allow clicks mot ignore mousemove events.

@Morgs007
Copy link

Expected behaviour

In a tooltip with HTML enabled tag with dropdown/select to open with available dropdown options.

Actual behaviour

The dropdown/select doesn't open, seems disabled?

@tjhiggins
Copy link

tjhiggins commented Jan 30, 2017

@TorsteinHonsi That workaround does allow for clicking on links, but it does lead to undesirable behavior. I have stickyTracking: false, but if I hover around the tooltip it switches points if they are closer than the anchor. If the tooltip is big enough, and the chart is densely populated it can make it impossible to click on the link. http://jsfiddle.net/TJHiggins/fb0qssya/10/

Probably going to have to add some hacky extension to resolve so it doesn't switch points when hovering over a tooltip if stickyTracking: false. Suggestions?

@stale
Copy link

stale bot commented Sep 24, 2019

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions!

@stale stale bot added the Status: Stale This issue hasn't had any activity for a while, and will be auto-closed if no further updates occur. label Sep 24, 2019
@khushahal-sharma
Copy link

khushahal-sharma commented Sep 26, 2019

#5722 (comment)
@TorsteinHonsi, Try to click on HighChart in below fiddle:-
http://jsfiddle.net/4sfn8qhr/1

I am also facing this issue as mention in the above link when I have line densely chart then want to click on tooltip link then it opens up new tooltip so it is impossible to click on the link. Same happend in touch devices also.

@stale stale bot removed the Status: Stale This issue hasn't had any activity for a while, and will be auto-closed if no further updates occur. label Sep 26, 2019
@KacperMadej KacperMadej added this to To do in Development-Flow via automation Jun 4, 2021
@KacperMadej
Copy link

Working correctly in v9.1.0: https://jsfiddle.net/BlackLabel/pzu634kq/1/
Closing as resolved

@pawelfus pawelfus moved this from To do to Done in Development-Flow Mar 30, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Development

No branches or pull requests

7 participants