Wrongly positioned shadows while using the offline export.

[karolkolodziej]

Expected behaviour

Properly position the shadows while using offline exporting.

Actual behaviour

After exporting the chart to PDF via offline exporting, dataLabels are shifted and shadows are incorrectly positioned.

Live demo with steps to reproduce

Export the chart to PDF and compare the result with the chart.
https://jsfiddle.net/BlackLabel/23ks15d0/

Workaround (disabling the shadows): https://jsfiddle.net/BlackLabel/jtr6382u/

Product version

Highcharts JS v10.0.0 (2022-03-07)

Affected browser(s)

All

[TorsteinHonsi]

Here's the issue broken down to svg2pdf: Svg2pdf Playground.

As we see, in the browser implementations of SVG, the absolutely positioned tspan with x and y coordinates and a zero width space causes the text cursor to be reset to the beginning of the text element, causing subsequent text to be laid out on top of the existing text. The svg2pdf implementation fails to reset the cursor position.

Another, not so severe problem is that it also fails to render the ​ character, which may be because of missing support in the PDF built-in font files.

[karolkolodziej]

The issue has already been reported here.