You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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") }
Expected behaviour
Tooltip works fine. Look like this.
Actual behaviour
Tooltip missing.
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.
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.highcharts.com/highcharts.js"></script> Large Small `HTML:
`
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!
The text was updated successfully, but these errors were encountered: