UI error when refreshing the web page in Firefox

[SirBogner]

Describe the bug

Using Firefox with Podfetch renders the web page wrong. See the screenshot below.

Trying to change the language does nothing, but I am not able to find every included language on the list, such as Danish.

Reproduction

Hard refresh of the page then a normal refresh, both using Firefox

System Info

Docker in Synology DSM 7.2
Accessing Podfetch through Firefox

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

[SamTV12345]

I had this problem sometimes in the past. But couldn't reproduce it. I'm on Firefox 133 . This was after several hard and soft refreshes

[SirBogner]

Weird, I am running Firefox 134.0.1.
Opening the console while doing the second refresh, I get this:

[SamTV12345]

Ah found the error. You seem to filter the icon file for material symbols. Because of that you don't get the icons but the alternative text for this. Do you have anything in place that blocks .woff files in your reverse proxy?

[SirBogner]

Not as far as I know. I use the standard Synology Reverse Proxy. I dont know if it blocks those files, but this error only ever happened on my pc running Firefox - not in Edge

[SamTV12345]

Not as far as I know. I use the standard Synology Reverse Proxy. I dont know if it blocks those files, but this error only ever happened on my pc running Firefox - not in Edge

Can you try again? I ditched axios. At least in Firefox it loads just fine.

[cwarts]

I have the same issue - just updated docker container to check if it was fixed. I'm using Caddy for reverse proxy. I get it in both Edge and Firefox though, so it may be a similar but seperate issue.

When I manually try to load https://pod.my.domain/ui/assets/material-symbols-outlined-C2roHvVE.woff2 I get "Unexpected Application Error! 404 Not Found"

[shahram7]

Hi Everyone,
i have the same problem with chrome and Edge

[SamTV12345]

No idea. It works for me. I added a cloudflare tunnel and can access PodFetch via the browser. Do you have some sort of reproducible example? Maybe with cloudflare dev tunnels?

[shahram7]

No idea. It works for me. I added a cloudflare tunnel and can access PodFetch via the browser. Do you have some sort of reproducible example? Maybe with cloudflare dev tunnels?

I'm using a Cloudflare tunnel as well. I've just noticed that when I open Podfetch using the local IP address, the icons are displayed, but when I open it via podfetch.mydomain.com, they are not

[shahram7]

Hi @SamTV12345 ,
I've noticed that the Icons are back after an "Empty Cache and Hard Reload" in chrome.
Best Regards,

[SamTV12345]

Thanks for the report. So probably something is cached wrongly in the browser.