You are not logged in.

#1 2020-12-17 18:30:46

kinru
Member
From: East Coast USA
Registered: 2019-03-23
Posts: 99

[SOLVED] Strange artifacts with some elements in Firefox

I am having an issue where some elements in Firefox are replaced by an array of usually green or pink bars or repeating patterns. See some examples One Two Three

My setup is CPU- Intel Core i7-4790, Mobo- Dell 0KWVT8 (must be proprietary), graphics card- Sapphire Radeon RX580 8G.
I think this is probably an issue concerning a video driver.
I have the following driver packages:

adriconf 2.3-4 (I never use)
glu 9.0.1-2
lib32-glu 9.0.1-1
lib32-mesa 20.3.0-1
lib32-vulkan-radeon 20.3.0-1
libva-mesa-driver 20.3.0-3
mesa 20.3.0-3
mesa-demos 8.4.0-4
opencl-mesa 20.3.0-3
vulkan-intel 20.3.0-3 (I should probably remove this)
vulkan-radeon 20.3.0-3
xf86-video-amdgpu 19.1.0-2
hsakmt-roct 3.10.0-1
lib32-vulkan-radeon 20.3.0-1
wattman-gtk-git r201.165a8d8-1

In Firefox I have set gfx.webrender.all to true in about:config, however the issue persists. I also tried enabling/disabling 2D acceleration with no results.
Output of firefox -v is

Mozilla Firefox 84.0

It should also be noted that this issue is not new (I have had it ever since Arch install a few years ago) and it does not occur in Chromium.

Last edited by kinru (2021-01-03 19:26:59)

Offline

#2 2020-12-18 18:50:25

xerxes_
Member
Registered: 2018-04-29
Posts: 343

Re: [SOLVED] Strange artifacts with some elements in Firefox

What GPU driver do you use (amdgpu or radeon - print putput of 'lspci -k')?
Here is how to fully enable Firefox's hardware acceleration: https://bbs.archlinux.org/viewtopic.php?id=260216 . See if enable/disable hardware acceleration change anything.

Offline

#3 2020-12-19 02:38:06

kinru
Member
From: East Coast USA
Registered: 2019-03-23
Posts: 99

Re: [SOLVED] Strange artifacts with some elements in Firefox

I am using AMDGPU, lspci -k

00:00.0 Host bridge: Intel Corporation 4th Gen Core Processor DRAM Controller (rev 06)
	Subsystem: Dell Device 05b7
	Kernel driver in use: hsw_uncore
00:01.0 PCI bridge: Intel Corporation Xeon E3-1200 v3/4th Gen Core Processor PCI Express x16 Controller (rev 06)
	Kernel driver in use: pcieport
00:14.0 USB controller: Intel Corporation 8 Series/C220 Series Chipset Family USB xHCI (rev 05)
	Subsystem: Dell Device 05b7
	Kernel driver in use: xhci_hcd
	Kernel modules: xhci_pci
00:16.0 Communication controller: Intel Corporation 8 Series/C220 Series Chipset Family MEI Controller #1 (rev 04)
	Subsystem: Dell Device 05b7
	Kernel driver in use: mei_me
	Kernel modules: mei_me
00:1a.0 USB controller: Intel Corporation 8 Series/C220 Series Chipset Family USB EHCI #2 (rev 05)
	Subsystem: Dell Device 05b7
	Kernel driver in use: ehci-pci
	Kernel modules: ehci_pci
00:1b.0 Audio device: Intel Corporation 8 Series/C220 Series Chipset High Definition Audio Controller (rev 05)
	Subsystem: Dell Device 05b7
	Kernel driver in use: snd_hda_intel
	Kernel modules: snd_hda_intel
00:1c.0 PCI bridge: Intel Corporation 8 Series/C220 Series Chipset Family PCI Express Root Port #1 (rev d5)
	Kernel driver in use: pcieport
00:1c.2 PCI bridge: Intel Corporation 8 Series/C220 Series Chipset Family PCI Express Root Port #3 (rev d5)
	Kernel driver in use: pcieport
00:1c.7 PCI bridge: Intel Corporation 8 Series/C220 Series Chipset Family PCI Express Root Port #8 (rev d5)
	Kernel driver in use: pcieport
00:1d.0 USB controller: Intel Corporation 8 Series/C220 Series Chipset Family USB EHCI #1 (rev 05)
	Subsystem: Dell Device 05b7
	Kernel driver in use: ehci-pci
	Kernel modules: ehci_pci
00:1f.0 ISA bridge: Intel Corporation Z87 Express LPC Controller (rev 05)
	Subsystem: Dell Device 05b7
	Kernel driver in use: lpc_ich
	Kernel modules: lpc_ich
00:1f.2 SATA controller: Intel Corporation 8 Series/C220 Series Chipset Family 6-port SATA Controller 1 [AHCI mode] (rev 05)
	Subsystem: Dell Device 05b7
	Kernel driver in use: ahci
00:1f.3 SMBus: Intel Corporation 8 Series/C220 Series Chipset Family SMBus Controller (rev 05)
	Subsystem: Dell Device 05b7
	Kernel driver in use: i801_smbus
	Kernel modules: i2c_i801
01:00.0 VGA compatible controller: Advanced Micro Devices, Inc. [AMD/ATI] Ellesmere [Radeon RX 470/480/570/570X/580/580X/590] (rev e7)
	Subsystem: Sapphire Technology Limited Radeon RX 570 Pulse 4GB
	Kernel driver in use: amdgpu
	Kernel modules: amdgpu
01:00.1 Audio device: Advanced Micro Devices, Inc. [AMD/ATI] Ellesmere HDMI Audio [Radeon RX 470/480 / 570/580/590]
	Subsystem: Sapphire Technology Limited Device aaf0
	Kernel driver in use: snd_hda_intel
	Kernel modules: snd_hda_intel
03:00.0 Ethernet controller: Realtek Semiconductor Co., Ltd. RTL8111/8168/8411 PCI Express Gigabit Ethernet Controller (rev 0c)
	Subsystem: Dell Device 05b7
	Kernel driver in use: r8169
	Kernel modules: r8169
04:00.0 Network controller: Intel Corporation Wireless 7260 (rev 73)
	Subsystem: Intel Corporation Dual Band Wireless-AC 7260
	Kernel driver in use: iwlwifi
	Kernel modules: iwlwif

I already had both mesa-vdpau and libva-mesa-driver installed.
vainfo output:

vainfo: VA-API version: 1.10 (libva 2.9.1)
vainfo: Driver version: Mesa Gallium driver 20.3.0 for Radeon RX 580 Series (POLARIS10, DRM 3.39.0, 5.9.14-zen1-1-zen, LLVM 11.0.0)
vainfo: Supported profile and entrypoints
      VAProfileMPEG2Simple            :	VAEntrypointVLD
      VAProfileMPEG2Main              :	VAEntrypointVLD
      VAProfileVC1Simple              :	VAEntrypointVLD
      VAProfileVC1Main                :	VAEntrypointVLD
      VAProfileVC1Advanced            :	VAEntrypointVLD
      VAProfileH264ConstrainedBaseline:	VAEntrypointVLD
      VAProfileH264ConstrainedBaseline:	VAEntrypointEncSlice
      VAProfileH264Main               :	VAEntrypointVLD
      VAProfileH264Main               :	VAEntrypointEncSlice
      VAProfileH264High               :	VAEntrypointVLD
      VAProfileH264High               :	VAEntrypointEncSlice
      VAProfileHEVCMain               :	VAEntrypointVLD
      VAProfileHEVCMain               :	VAEntrypointEncSlice
      VAProfileHEVCMain10             :	VAEntrypointVLD
      VAProfileJPEGBaseline           :	VAEntrypointVLD
      VAProfileNone                   :	VAEntrypointVideoProc

Also I am using Linux-Zen if it matters.
I followed this Wiki Guide and this as well. Everything looks the same. I used the webrender.
I also tried undoing all those about:config changes and disabling hardware acceleration in the normal settings but I still get artifacts as if I did nothing.

Offline

#4 2020-12-24 16:31:17

kinru
Member
From: East Coast USA
Registered: 2019-03-23
Posts: 99

Re: [SOLVED] Strange artifacts with some elements in Firefox

I should note that this issue is also present on a laptop I have which is running  Pop! OS, which has Intel Integrated graphics (as opposed to the AMD dedicated graphics card in the Arch machine). This might mean that its a problem with Xorg.
This Mozilla post and this forum post I believe are relevant. I think the bug report says is from 2012, but I'm uncertain if the problem is the same as mine (if it is, then it would have been fixed).

I have this issue both some favicons and some images present within the website. For an example use firefox and go to this electrical supplier's outage map it looks like this for me.

Last edited by kinru (2020-12-24 16:53:51)

Offline

#5 2020-12-28 12:57:37

Lone_Wolf
Member
From: Netherlands, Europe
Registered: 2005-10-04
Posts: 8,916

Re: [SOLVED] Strange artifacts with some elements in Firefox

The outage map appears to use special symbols used on those spots.
No issues with my RX580 using mesa-git on lxqt


Some things to try :

restart firefox without addons
Remove xf86-video-amdgpu so X needs to use modesetting driver and restart X
Try running with a different DE/WM


Disliking systemd intensely, but not satisfied with alternatives so focusing on taming systemd.

(A works at time B)  && (time C > time B ) ≠  (A works at time C)

Offline

#6 2020-12-30 05:09:50

kinru
Member
From: East Coast USA
Registered: 2019-03-23
Posts: 99

Re: [SOLVED] Strange artifacts with some elements in Firefox

Sadly, no luck on either starting firefox w/

firefox -safe-mode

or removing xf86-video-amdgpu and restarting the x server. I will try another dm (or maybe just raw x?) tomorrow.

It seems strange to me how two systems which share only a few common elements have the same problem. The only common factor are xorg, linux based kernel and firefox. Leads me to believe issue is with one of these.

Offline

#7 2020-12-30 12:17:13

Lone_Wolf
Member
From: Netherlands, Europe
Registered: 2005-10-04
Posts: 8,916

Re: [SOLVED] Strange artifacts with some elements in Firefox

Are both systems using the linux-zen kernel ?


Disliking systemd intensely, but not satisfied with alternatives so focusing on taming systemd.

(A works at time B)  && (time C > time B ) ≠  (A works at time C)

Offline

#8 2020-12-30 17:48:13

kinru
Member
From: East Coast USA
Registered: 2019-03-23
Posts: 99

Re: [SOLVED] Strange artifacts with some elements in Firefox

Regarding my window manager (i3): I started firefox without  i3 by adding

exec firefox

and commenting

#exec i3

in my .xinitrc.

Lone_Wolf wrote:

Are both systems using the linux-zen kernel ?

I do not believe so, uname -r on Arch machine results in

5.9.14-zen1-1-zen

on the Pop one results in:

5.8.0-7630-generic

I will make sure to boot with the standard arch linux kernel momentarily...

EDIT: Still present even when booted to standard kernel and uname -r results in

5.9.14-arch1-1

Last edited by kinru (2020-12-30 17:50:48)

Offline

#9 2020-12-31 17:16:20

xerxes_
Member
Registered: 2018-04-29
Posts: 343

Re: [SOLVED] Strange artifacts with some elements in Firefox

Start firefox from terminal and see if in output there are some errors or other interesting messages. Also see in Xorg log file, journalctl and post it.

Offline

#10 2020-12-31 18:36:37

kinru
Member
From: East Coast USA
Registered: 2019-03-23
Posts: 99

Re: [SOLVED] Strange artifacts with some elements in Firefox

Terminal output from firefox from startup to viewing a problematic page:

(firefox:4577): Gtk-WARNING **: 13:07:56.143: Theme parsing error: colors.css:71:44: Invalid number for color value

(firefox:4577): Gtk-WARNING **: 13:07:56.143: Theme parsing error: colors.css:72:44: Invalid number for color value

(firefox:4577): Gtk-WARNING **: 13:07:56.143: Theme parsing error: colors.css:74:53: Invalid number for color value

(firefox:4577): Gtk-WARNING **: 13:07:56.143: Theme parsing error: colors.css:75:53: Invalid number for color value

(firefox:4577): Gtk-WARNING **: 13:07:56.143: Theme parsing error: colors.css:76:56: Invalid number for color value

(firefox:4577): Gtk-WARNING **: 13:07:56.144: Theme parsing error: colors.css:77:65: Invalid number for color value

(/usr/lib/firefox/firefox:4664): Gtk-WARNING **: 18:07:56.469: Theme parsing error: colors.css:71:44: Invalid number for color val

(/usr/lib/firefox/firefox:4664): Gtk-WARNING **: 18:07:56.469: Theme parsing error: colors.css:72:44: Invalid number for color val

(/usr/lib/firefox/firefox:4664): Gtk-WARNING **: 18:07:56.469: Theme parsing error: colors.css:74:53: Invalid number for color val

(/usr/lib/firefox/firefox:4664): Gtk-WARNING **: 18:07:56.469: Theme parsing error: colors.css:75:53: Invalid number for color val

(/usr/lib/firefox/firefox:4664): Gtk-WARNING **: 18:07:56.469: Theme parsing error: colors.css:76:56: Invalid number for color val

(/usr/lib/firefox/firefox:4664): Gtk-WARNING **: 18:07:56.469: Theme parsing error: colors.css:77:65: Invalid number for color val

(/usr/lib/firefox/firefox:4699): Gtk-WARNING **: 18:07:56.882: Theme parsing error: colors.css:71:44: Invalid number for color value

(/usr/lib/firefox/firefox:4699): Gtk-WARNING **: 18:07:56.882: Theme parsing error: colors.css:72:44: Invalid number for color value

(/usr/lib/firefox/firefox:4699): Gtk-WARNING **: 18:07:56.882: Theme parsing error: colors.css:74:53: Invalid number for color value

(/usr/lib/firefox/firefox:4699): Gtk-WARNING **: 18:07:56.882: Theme parsing error: colors.css:75:53: Invalid number for color value

(/usr/lib/firefox/firefox:4699): Gtk-WARNING **: 18:07:56.882: Theme parsing error: colors.css:76:56: Invalid number for color value

(/usr/lib/firefox/firefox:4699): Gtk-WARNING **: 18:07:56.882: Theme parsing error: colors.css:77:65: Invalid number for color value

(/usr/lib/firefox/firefox:4765): Gtk-WARNING **: 18:07:57.250: Theme parsing error: colors.css:71:44: Invalid number for color value

(/usr/lib/firefox/firefox:4765): Gtk-WARNING **: 18:07:57.250: Theme parsing error: colors.css:72:44: Invalid number for color value

(/usr/lib/firefox/firefox:4765): Gtk-WARNING **: 18:07:57.250: Theme parsing error: colors.css:74:53: Invalid number for color value

(/usr/lib/firefox/firefox:4765): Gtk-WARNING **: 18:07:57.250: Theme parsing error: colors.css:75:53: Invalid number for color value

(/usr/lib/firefox/firefox:4765): Gtk-WARNING **: 18:07:57.250: Theme parsing error: colors.css:76:56: Invalid number for color value

(/usr/lib/firefox/firefox:4765): Gtk-WARNING **: 18:07:57.250: Theme parsing error: colors.css:77:65: Invalid number for color value

(/usr/lib/firefox/firefox:4841): Gtk-WARNING **: 18:08:00.731: Theme parsing error: colors.css:71:44: Invalid number for color value

(/usr/lib/firefox/firefox:4841): Gtk-WARNING **: 18:08:00.731: Theme parsing error: colors.css:72:44: Invalid number for color value

(/usr/lib/firefox/firefox:4841): Gtk-WARNING **: 18:08:00.731: Theme parsing error: colors.css:74:53: Invalid number for color value

(/usr/lib/firefox/firefox:4841): Gtk-WARNING **: 18:08:00.731: Theme parsing error: colors.css:75:53: Invalid number for color value

(/usr/lib/firefox/firefox:4841): Gtk-WARNING **: 18:08:00.731: Theme parsing error: colors.css:76:56: Invalid number for color value

(/usr/lib/firefox/firefox:4841): Gtk-WARNING **: 18:08:00.731: Theme parsing error: colors.css:77:65: Invalid number for color value

(/usr/lib/firefox/firefox:4911): Gtk-WARNING **: 18:08:06.497: Theme parsing error: colors.css:71:44: Invalid number for color value

(/usr/lib/firefox/firefox:4911): Gtk-WARNING **: 18:08:06.497: Theme parsing error: colors.css:72:44: Invalid number for color value

(/usr/lib/firefox/firefox:4911): Gtk-WARNING **: 18:08:06.497: Theme parsing error: colors.css:74:53: Invalid number for color value

(/usr/lib/firefox/firefox:4911): Gtk-WARNING **: 18:08:06.497: Theme parsing error: colors.css:75:53: Invalid number for color value

(/usr/lib/firefox/firefox:4911): Gtk-WARNING **: 18:08:06.497: Theme parsing error: colors.css:76:56: Invalid number for color value

(/usr/lib/firefox/firefox:4911): Gtk-WARNING **: 18:08:06.497: Theme parsing error: colors.css:77:65: Invalid number for color value

(/usr/lib/firefox/firefox:4943): Gtk-WARNING **: 18:08:07.244: Theme parsing error: colors.css:71:44: Invalid number for color value

(/usr/lib/firefox/firefox:4943): Gtk-WARNING **: 18:08:07.244: Theme parsing error: colors.css:72:44: Invalid number for color value

(/usr/lib/firefox/firefox:4943): Gtk-WARNING **: 18:08:07.244: Theme parsing error: colors.css:74:53: Invalid number for color value

(/usr/lib/firefox/firefox:4943): Gtk-WARNING **: 18:08:07.244: Theme parsing error: colors.css:75:53: Invalid number for color value

(/usr/lib/firefox/firefox:4943): Gtk-WARNING **: 18:08:07.244: Theme parsing error: colors.css:76:56: Invalid number for color value

(/usr/lib/firefox/firefox:4943): Gtk-WARNING **: 18:08:07.244: Theme parsing error: colors.css:77:65: Invalid number for color value

It does not look interesting, just a million GTK warnings.
Note that this xorg log is without xf86-video-amdgpu installed.
Journalctl -b output here Syncthing is really polluting my journal, so I did a new one and removed every line with "syncthing": here

Offline

#11 2021-01-02 18:17:32

Lone_Wolf
Member
From: Netherlands, Europe
Registered: 2005-10-04
Posts: 8,916

Re: [SOLVED] Strange artifacts with some elements in Firefox

Dec 31 12:56:07 benpc audit[574]: VIRT_MACHINE_ID pid=574 uid=0 auid=4294967295 ses=4294967295 msg='virt=kvm vm="win10-2" uuid=594a9272-4e15-4ef7-bf1b-9952307604a6 vm-ctx=+65534:+992 img-ctx=+65534:+992 model=dac exe="/usr/bin/libvirtd" hostname=? addr=? terminal=? res=success'

You appear  to be using a windows 10 VM, what display options did you set for it ?

Do the artifacts occur if you reboot and not use the VM ?


Disliking systemd intensely, but not satisfied with alternatives so focusing on taming systemd.

(A works at time B)  && (time C > time B ) ≠  (A works at time C)

Offline

#12 2021-01-02 22:15:06

kinru
Member
From: East Coast USA
Registered: 2019-03-23
Posts: 99

Re: [SOLVED] Strange artifacts with some elements in Firefox

I have another post about my virtual machine. Usually not running. I will disable libvirtd service and reboot eminently.
Note that this issue occur prior to any vm business. One vm has gpu passthrough (but its not in use and I don't pass any gpus currently) and the other is QXL with Spice.

After rebooting after disabling libvirtd there is no effect on the artifacts. Time to open a bug report maybe? I just don't know who to open it with.

Further note: I ran firefox in cage with

MOZ_ENABLE_WAYLAND=1 cage firefox

in another tty. The issue continued to persist there. Therefore probably not a problem with X I would say.

Last edited by kinru (2021-01-02 22:27:51)

Offline

#13 2021-01-02 22:46:46

Lone_Wolf
Member
From: Netherlands, Europe
Registered: 2005-10-04
Posts: 8,916

Re: [SOLVED] Strange artifacts with some elements in Firefox

Try with https://aur.archlinux.org/packages/firefox-bin .
It uses the binary from mozilla and can could help to determine where to look for the cause.


Disliking systemd intensely, but not satisfied with alternatives so focusing on taming systemd.

(A works at time B)  && (time C > time B ) ≠  (A works at time C)

Offline

#14 2021-01-02 23:07:22

kinru
Member
From: East Coast USA
Registered: 2019-03-23
Posts: 99

Re: [SOLVED] Strange artifacts with some elements in Firefox

With firefox-bin I basically get a 100% fresh unconfigured firefox (I guess it doesn't use my configs files), whether or not my configuration is the problem, the issue is NOT present in firefox-bin.

So, I went to about:profiles and made a new profile and went straight to the outage map to test. Issue is not present. I guess I need to find out the culprit in my config now. I will probably slowly change over all the settings and update here later with what caused the problem. Of course any suggestion of a breaking setting would helpful. I can't remember if I used a ghacks user.js but that could be the issue.

Offline

#15 2021-01-03 19:26:19

kinru
Member
From: East Coast USA
Registered: 2019-03-23
Posts: 99

Re: [SOLVED] Strange artifacts with some elements in Firefox

I reconfigured everything without using any user.js and it works perfectly. Wasn't able to find the responsible option. Thank you!

EDIT: After some more testing enabling the option privacy.resistFingerprinting in about:config causes the lines.

Last edited by kinru (2021-01-03 19:42:59)

Offline

#16 2021-01-04 13:08:23

Lone_Wolf
Member
From: Netherlands, Europe
Registered: 2005-10-04
Posts: 8,916

Re: [SOLVED] Strange artifacts with some elements in Firefox

Confirmed, when I enable that I get exactly the same symptoms.


Disliking systemd intensely, but not satisfied with alternatives so focusing on taming systemd.

(A works at time B)  && (time C > time B ) ≠  (A works at time C)

Offline

Board footer

Powered by FluxBB