scrollablePlotArea - when used, tooltips appear beneath the labels overlay

[boyanfi]

When the scrollablePlotArea is enabled and the chart is scrollable horizontally, when a tooltip needs to be shown it should always be on top.

Currently, when scrolled to the right, the tooltip can appear below the semi-transparent labels area (see screenshot)

highcharts for 6.1.0 and react-highcharts 16.0.2, on all browsers

[KacperMadej]

Hi @boyanfi

Thank you for reporting about the problem.

Live demo: http://jsfiddle.net/BlackLabel/9nywdLre/

Steps: hover points under the mask or right side of the chart

[TorsteinHonsi]

Internal note
This should be fixed by

• Forcing tooltip.outside when in scrollable mode, and
• Setting the default z-index of the tooltip renderer to 3

POC / Workaround

http://jsfiddle.net/highcharts/cts4xpmj/6/