Skip to content

Tooltip not working correctly after window resize and scrollablePlotArea must be enabled #17352

@JoeyLi-1

Description

@JoeyLi-1

Expected behaviour

Tooltip works fine. Look like this.
image

Actual behaviour

Tooltip missing.
image

Live demo with steps to reproduce

Repo steps:
1 click button "small";
2 open console to force redrew;
3 minimize the console panel
4 click button “large”;
5 open console to force redrew;
6 minimize the console panel
7 you can see part of the tooltip disappeared.
(Seems only V-Scrollbar could cause this issue)

This demo is similar but not exactly same as our case. In our case, after resize the window, some of the tooltip disappear totally. And if
you set a positioner callback function, some tooltip will trigger that function while others don`t. The "top" property of the missing tooltip will be "-9999px".

Product version

v10.1.0

Affected browser(s)

I just tested it on chrome.

PS: I am new to JSFiddle, Just copy the code here in case the demo not working.
HTML:
`

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.highcharts.com/highcharts.js"></script>
Large Small `

JS:
function onLarge() { $('#container').css("height","400px") } function onSmall() { $('#container').css("height","190px") }

chart: {
type: 'spline',
scrollablePlotArea: {
minHeight: 200,
scrollPositionX: 1
}
},

I Just change a little bit of the official demo.
https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/chart/scrollable-plotarea

Thank you for your time!

Metadata

Metadata

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions