Pie Chart - The chart does not display the original size after exiting full screen mode

[madepiet]

Actual behaviour

The initial demo version of the pie chart is displayed as with the given sizes.

After running "View full screen" / "Exit full screen" note that the size of the chart changes (it has been reduced or increased).

The problem occurs in the official Highcharts demo:

https://www.highcharts.com/demo/pie-basic

As well as in the editor with a simplified code:

https://jsfiddle.net/BlackLabel/weo19uvy/

Product version

Highcharts v8.0.4

Affected browser(s)

Chrome 80.0.3987.149

[madepiet]

FYI @raf18seb

[raf18seb]

Thanks for reporting @madepiet
This is a known issue. After exiting from the fullscreen, some browsers restore the original height (height before calling fullscreen) but others don't.

Workaround:
You can define the container's height rigidly (see the updated demo), but then some browsers (like IE11) don't display container in 100% height of fullscreen mode but only with the height that was defined (which is not really a fullscreen).

Maybe we could write the logic that would remember the original height and restore it after exiting from the fullscreen. @sebastianbochan what do you think?

[sebastianbochan]

As a wrokaround you can set width/height in CSS styles. (Works only with values in px, not percents).

Demo:

• https://jsfiddle.net/BlackLabel/qsguhm28/

@raf18seb its good idea and I think that is not also very complicated solution. However we need to verify if (after exit of fullscreen) chart.setSize is not called multiple times. We would like to avoid many re-renders.

[gkemp94]

Hi, we're seeing this in our usage of lines charts and it's actually happening in the demo below on
https://www.highcharts.com/demo/line-basic

We can't set width/height to be static because the chart needs to be responsive with in it's container.

Browser & Operating System
https://www.whatsmybrowser.org/b/D78K2

[v-abkhot]

after setting up fix height to container still issue is not resolved issue. issue is not with the container height it is with SVG height is not reformed.

Please see the attachment

[v-abkhot]

can some body provide inputs on this ?

[sebastianbochan]

@v-abkhot
How about the workaround from the post above?

• https://jsfiddle.net/BlackLabel/qsguhm28/

[v-abkhot]

this is no working that only i have reported

[v-abkhot]

because the issue is not about the container height it is about svg. height

[sebastianbochan]

Please share your live demo i.e reproduced by jsfiddle.net

[v-abkhot]

i have already share screen shot of it what is happening after adding fix width to that container