Center image does not render on first render in Safari

[Scooter1337]

Center image does not render on first render in Safari

I've tried with base64 to rule out any CORS issues etc, but it still does not work sadly.

[Scooter1337]

I seem to have kind of circumvented the issue very dirtily as follows:

const qrCode = ...;
await getRawData();

if (navigator.userAgent.indexOf("Safari") !== -1) {
      // weird bug where safari fails to render the image in the first call
      await new Promise((resolve) => setTimeout(resolve, 500));

      const qrCode = new QRCodeStyling({
        // ... reinstantiating class seems to be necessary
      });


      return (await qrCode.getRawData("png")) as Buffer | Blob;
    }

If I remove the setTimeout, it starts occurring again, same goes for the reinstantiated class

NOTE: lower values for the promise probably work too

[jackyef]

What worked for me was to simply do a .update({ data }) to trigger a redraw after the first draw finishes.