PodFetch icon indicating copy to clipboard operation
PodFetch copied to clipboard

Published 20 hours ago • verified publisher icon SamTV12345

UI error when refreshing the web page in Firefox

Open SirBogner opened this issue 10 months ago • 11 comments

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.

billede

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

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

SirBogner avatar Jan 13 '25 21:01 SirBogner

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

Image

SamTV12345 avatar Jan 18 '25 13:01 SamTV12345

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

Image

SirBogner avatar Jan 18 '25 20:01 SirBogner

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?

SamTV12345 avatar Jan 18 '25 20:01 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

SirBogner avatar Jan 31 '25 07:01 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

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

SamTV12345 avatar Feb 08 '25 19:02 SamTV12345

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"

cwarts avatar Feb 15 '25 04:02 cwarts

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

Image

shahram7 avatar Feb 17 '25 13:02 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?

SamTV12345 avatar Feb 21 '25 20:02 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?

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 avatar Feb 26 '25 14:02 shahram7

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

shahram7 avatar Feb 27 '25 12:02 shahram7

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

SamTV12345 avatar Sep 23 '25 16:09 SamTV12345