TrueNAS shell scrambled

TrueNAS General
1

Platform: TRUENAS-MINI-3.0-X+
Version:Dragonfish-24.04.2
Please bear with me, I am new to TrueNAS

When I access the TrueNAS shell using Firefox 128.0 on Ubuntu 22.04 all the text is scrambled:

Screenshot_20220523_194227

The text shows fine using Brave.

Any ideas as to what could cause this and how to fix it?

Thanks.

1 Like
2

Something similar in the past, and it was resolved by trying a different browser:

3

That was using Librewolf, which is Firefox based, and also resolved by using Brave (Chromium).

Fwiw the shell displays normally in firefox on my end. Maybe try turning off any extensions you have running in FF?

4

Like I said, the shell shows fine using Brave browser. I do not consider that a solution, else I wouldn’t have bothered writing here in this forum.
It is a workaround but I would prefer using Firefox.
Debug mode (as in all extensions deactivated) did not help.
Clearing the website data did not help either.

Again, the goal here is to understand what causes the issue and try to fix it for Firefox.

5

OS matters here also, since it can be a font/rendering issue. Linux/Windows/Mac?

6

Thanks.
It is Firefox 128.0 on Ubuntu 22.04.
And the shell displays fine on Firefox Windows.
My goal is to get it to work on Firefox on Ubuntu as I plan to scrap my Windows machine.

7

Confirmed the shell works fine here on Ubuntu 24.04 + FF 128.0-2… Might need to update your Ubuntu base system. Guessing there is a bug in some font / render library.

8

If you arbitrarily zoom in and out (i.e, using CTRL + mouse wheel), does the correctly rendered text appear? (Even if briefly.)

1 Like
9

Thanks for your question.
Unfortunately zooming in or out uisng Ctrl+/- does not make text appear, not even briefly.
I also tried “Set font size” in the Shell GUI, but there too, it just changed the size of the colored rectangles.

10

To rule out another thing, you can download the latest Firefox tarball, extract it, and then launch it with a new profile (which you can later delete).

  1. wget "https://download.mozilla.org/?product=firefox-latest-ssl&os=linux64&lang=en-US" -O "firefox-128.0.tar.bz2"
  2. tar x -f firefox-128.0.tar.bz2
  3. ./firefox/firefox -CreateProfile "temptest"
  4. ./firefox/firefox -P "temptest"

From here, you can see if the text renders properly in the SCALE Shell.

When you’re done, you can delete the temporary profile by opening up the profile manager and deleting “temptest”:

./firefox/firefox -P

:warning:
Do not open your existing profile with the latest version of Firefox, since after doing so, it is not backwards compatible with older versions.

In fact, you might want to backup your Firefox config and cache before proceeding:

cp -va ~/.mozilla ~/.mozilla.bak
cp -va ~/.cache/mozilla ~/.cache/mozilla.bak
11

Had this same issue in LibreWolf and came across this post trying to find an answer. It’s related to the site having access to the HTML5 canvas. If you look to the left of the URL, you can click the first icon and grant access and the terminal will work fine. I assume it works the same in Firefox.

3 Likes