Some UI elements not showing/are blank

Expected Behaviour:

All UI elements showing info

Actual Behaviour:

Some UI elements showing nothing, specifically "Percentage Blocked", "Domains on List" and "Querys per second" in the top left. "top Permitted Domains", "Top Blocked Domains", "Top Clients (total)" and "(blocked only)" show a loading icon that never stops or finishes loading. Hovering my mouse over the charts does nothing when it used to how a popup. Devtools console shows errors but i dont have the knowledge to know what they mean or how to fix them. Also tried disabling all of my extensions.

I did try a Chromium browser and the issues im having in Firefox did not appear there.

Semi similar issue to one i found from a few years ago but i went through it and couldn't find a solution (https://discourse.pi-hole.net/t/4-tiles-blank-temp-blank-if-viewed-remotely/).

Debug Token:

https://tricorder.pi-hole.net/wr0YWd4x/

I'm using Firefox and I can't replicate the issue.

This seems an issue caused by extensions messing with the page, but you said you already tried with all extensions disabled.

Searching for the error message, i found this answer:

The error chrome://global/locale/intl.properties appearing as an invalid language tag usually happens in Firefox when internal locale preferences become corrupted or incorrectly set to a chrome URL instead of a valid language code

As far as I know, the value of intl.accept_languages can be changed by extensions and the value won't be fixed if you simply disable the extension.

Let's check the current value of the property:

  • type about:config in the address bar and hit ENTER;
  • this will open a page with a warning. Accept the warning risk message.
  • Search for: intl.accept_languages
  • check the value: it must be a text, containing a few language strings separated by commas, usually all lowercase, like this: pt-br,en-us,en.

Do not change the value.
Only copy and paste it here (or post a screenshot).

i changed it before i finished reading the message but it was a chrome link for some reason. i changed it to ca-en for canadian english and reloaded the pihole page and that fixed it. ill re-enable my extentions and see if one changes it back/to something else and go from there.

After re-enabling my extensions, its still fine and nothing changed it, my only guess is that its something to do with Zen Browser, because that is what im using, sorry for saying Firefox.

Anyway, thank you for the help :3

Nice.

I'd suggest you to set ca-en,en, but I guess both settings will work.