PNG export shifted

[fgnievinski]

compare exported PNG:

with embedded map display:

https://overpass-turbo.eu/s/1Rl6

[zhayes84]

I'm having this exact same issue. Does the same thing in Firefox Version 130.0.1 (64-bit) and Chrome Version 129.0.6668.70.
https://overpass-turbo.eu/s/1RKn

Exported Image:

In Browser:

[zhayes84]

This issue occurs on both versions of Overpass Turbo, including the alpha version at https://tyrasd.github.io/.

The code relative to this issue might be here at line 2233:

    const height = $("#map .leaflet-overlay-pane svg").height();
    const width = $("#map .leaflet-overlay-pane svg").width();
    const tmp = $("#map .leaflet-map-pane")[0].style.cssText.match(
      /.*?(-?\d+)px.*?(-?\d+)px.*/
    );
    const offsetX = +tmp[1];
    const offsetY = +tmp[2];
    const svg = $("#map .leaflet-overlay-pane").html();
    if (svg.length > 0) {
      const v = await Canvg.from(ctx, svg, {
        ignoreAnimation: true,
        ignoreClear: true,
        ignoreDimensions: true,
        ignoreMouse: true,
        offsetX,
        offsetY,
        scaleHeight: height,
        scaleWidth: width
      });
      v.render();
    }

In my browser, the line being read by the regular expression is this:

<div class="leaflet-pane leaflet-map-pane" style="transform: translate3d(0px, -206px, 0px);"></div>

Meaning the regular expression nabs (0px, -206px, 0px) for offsetX and offsetY.