Failed to transcode QR codes pointing to localhost URLs

[plmr-org]

Currently writing an application that generates QR codes as BLOBs in the back-end and sends them to the front-end where they are displayed. Here's the QR code in question:

It should be pointing towards http://localhost:3000/<base64> or something of that nature. The QR code works through my Android phone's built-in QR code scanner, though not through the extension.

[plmr-org]

Strangely there are also no error messages raised by the extension. Here's what I received which may be more useful:

[plmr-org]

This also happens on Firefox by the way:

_{Sorry for the comment spam.}

[monyxie]

Hi, thanks for the bug report. However I can't seem to reproduce this on my side. Can you provide the HTML source for the web page where this issue happened?

[plmr-org]

It effectively boils down to this:

<div className="h-80 w-80">
    <img
        alt="QR Code"
        height={450}
        src={qrCode}
        width={450}
    />
</div>

I'm now wondering if the image being encapsulated in a div is what could be causing this issue.

If this doesn't suffice, I plan to publicise the page anyway for diagnostic purposes if that's any easier for you.

[plmr-org]

Weirdly, region scanning works fine, the option to scan the QR code in the image is what's problematic as shown here:

[monyxie]

Yes, I suspect that this is a image loading issue. It would be nice if you could provide the relevant parts of the rendered HTML code (not your framework code). I'm specifically interested in these info:

• the image format (jpg or png or else?)
• the way the image is loaded (http or data uri or else?)
• additionally, if it's loaded via http, the request dump (HAR file) of the image request