Chart image export returns a completely black image when using styled mode on iOS 15.1 and macOS 12

[svensigmond]

Expected behaviour

When exporting a chart to an image I expect an image version of the chart to be returned

Actual behaviour

The call to the default highcharts export server is made, but a completely black image is returned

Live demo with steps to reproduce

The bug occurs in some of these scenario's I've tested:

• iOS 15.1: both Safari and Chrome fail
• macOS 12.0.1: Safari fails, but Chrome works

But is not present here:

• ipadOS 14.7: Chrome works as expected

This can be verified on one of the samples provided on the highcharts.com website

1. Use an apple device with either Safari or Chrome with one of the versions specified above
2. Visit https://www.highcharts.com/samples/highcharts/css/exporting
3. Click the hamburger menu and export to any of the image formats
4. Verify that the image download is a black version of the chart.

My assumption is that there is a problem using / processing the CSS for the chart, since an SVG version of the chart will show a black rectangle if the CSS is deleted (either on disk or through the use of developer tools)

Product version

Highcharts 9.3.2

Affected browser(s)

iOS 15.1: safari, chrome
macOS: 12.0.1 Safari

I don't have access to more devices to test this issue on, so the issue might be more widespread than this.

[raf18seb]

Hi @svensigmond, thank you for reporting the issue.

Problem confirmed (also with previous Highcharts versions) in Safari Version 15.1 (17612.2.9.1.20) and
macOS 12.0.1.

[svensigmond]

Thanks for confirming! This is quite a big issue for one of our clients and I was wondering if it's possible to give a very rough estimation for when a fix can be expected?

[raf18seb]

Hi @svensigmond, thanks for bumping this ticket up!
We are working on a solution now. If everything goes well, a fix will be a part of the next release.

[svensigmond]

Hi @raf18seb, thanks for getting back to me with a status update. That's great news, good luck!

[CeesHoogendoorn]

Gentlemen Can you please let us know when this upgrade will be deployed. As we noticed it was not on the latest upgrade. Thanks in advance. Cees Hoogendoorn

[raf18seb]

Hi @CeesHoogendoorn!

Our last v9.3.3 deployment contained only one hotfix. The next release will be v10 and we are planning to release it within next 2 weeks. I hope it is OK for you.

[edw1n]

Hi @raf18seb

It works now on Safari. Thanks!

On Chrome (in combination with iPad or iPhone) however, when downloading as a jpeg, png or pdf, it opens the chart in a new window, and downloading it results in a corrupt file.

Could you please look into that?

Kind regards,
Edwin