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

Hover tooltips and button icon run into each other #6096

Closed
znevrly opened this Issue Dec 6, 2016 · 4 comments

Comments

Projects
None yet
4 participants
@znevrly

znevrly commented Dec 6, 2016

Expected behaviour

Tooltips should not be overlapped by buttons. This is general problem for example in Bubble/Scatter etc.

Actual behaviour

Tooltips are overlapped and therefore unreadable.

Live demo with steps to reproduce

Affected browser(s)

Chrome, actually I think that all of them.
zoom_bug

@oysteinmoseng oysteinmoseng added the Bug label Dec 6, 2016

@oysteinmoseng

This comment has been minimized.

Show comment
Hide comment
@oysteinmoseng

oysteinmoseng Dec 6, 2016

Collaborator

Thank you for reporting this.

Live demo: http://jsfiddle.net/LLExL/6799/
Steps to reproduce:

  • Zoom to last point on line
  • Hover over last point
  • "Reset zoom" button should overlap tooltip
Collaborator

oysteinmoseng commented Dec 6, 2016

Thank you for reporting this.

Live demo: http://jsfiddle.net/LLExL/6799/
Steps to reproduce:

  • Zoom to last point on line
  • Hover over last point
  • "Reset zoom" button should overlap tooltip
@pratapgowda007

This comment has been minimized.

Show comment
Hide comment
@pratapgowda007

pratapgowda007 Nov 23, 2017

Is there an update on this? I'm also facing same issue, any help would be really appreciable.

pratapgowda007 commented Nov 23, 2017

Is there an update on this? I'm also facing same issue, any help would be really appreciable.

@oysteinmoseng

This comment has been minimized.

Show comment
Hide comment
@oysteinmoseng

oysteinmoseng Nov 23, 2017

Collaborator

@pratapgowda007 You can fix this by setting zIndex on the resetZoomButton: http://jsfiddle.net/LLExL/8250/

Should this be the default perhaps @TorsteinHonsi? Or will it break other things?

Collaborator

oysteinmoseng commented Nov 23, 2017

@pratapgowda007 You can fix this by setting zIndex on the resetZoomButton: http://jsfiddle.net/LLExL/8250/

Should this be the default perhaps @TorsteinHonsi? Or will it break other things?

@TorsteinHonsi

This comment has been minimized.

Show comment
Hide comment
@TorsteinHonsi

TorsteinHonsi Dec 6, 2017

Collaborator

I don't understand why it was rendered with zIndex 20 by default, it should obviously go below the tooltip. It was probably set to 20 just to make sure it wasn't covered by axis and series stuff. I changed it to 6, the tooltip is 7.

Collaborator

TorsteinHonsi commented Dec 6, 2017

I don't understand why it was rendered with zIndex 20 by default, it should obviously go below the tooltip. It was probably set to 20 just to make sure it wasn't covered by axis and series stuff. I changed it to 6, the tooltip is 7.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment