Skip to content

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

@svensigmond

Description

@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.

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions