Invalid Area chart SVG generated by offline exporting, caused by specifying fillColor without styled mode

[WizardCM]

Expected behaviour

Exporting should function without error, even offline.

Actual behaviour

PNG and JPG exports fail, SVG generates a file that produces a visual error and is not correctly rendered.

error on line 1 at column 5767: Attribute fill-opacity redefined

Live demo with steps to reproduce

Demo fiddle: https://jsfiddle.net/jqe9pf05/

Steps:

1. Specify fillColor on an Area chart with or without alpha (rgb or rgba)
2. Click the hamburger menu
3. Click 'Download PNG image' or 'Download JPG image'
4. Click 'Export SVG vector image'
5. View the SVG in your browser of choice

Enabling fallback to export server does work around the issue, as does enabling styled mode.

Product version

Highcharts 11.3.0 and above.

Works fine in Highcharts 11.2.0.

Affected browser(s)

Chrome, Firefox

[hubertkozik]

Hi @WizardCM! Looks to me like a regression, because it worked previously. The idea of a fallback to the export server is a good workaround for this issue until it is fixed.

Workaround: https://jsfiddle.net/BlackLabel/fp9h36vj/

Internal note:
Bisected to 4ef548a.