Hover tooltips and button icon run into each other

[znevrly]

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.

[oysteinmoseng]

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

[oysteinmoseng]

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]

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

[pratapgowda007]

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

[oysteinmoseng]

@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?

[oysteinmoseng]

@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]

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.

[TorsteinHonsi]

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.