Some Electron app have glitch/bad text rendering without --disable-gpu

heddxh · 2023-07-19 01:40:09

Recently, I encountered a problem that has troubled me for a long time. The font rendering of some parts of some Electron programs is very strange, such as the singer name part of Spotify in the picture and the category part on the left after searching on the VSCode settings page. Also, if I pass in the

--disable-gpu

, These problems will not arise. So I'm guessing it's a problem with GPU rendering.

VSCode

Spotify

My device is a Prime laptop with an Intel for daily work and Nvidia card works fine when I play games.

 ~> lspci
00:00.0 Host bridge: Intel Corporation 12th Gen Core Processor Host Bridge/DRAM Registers (rev 02)
00:01.0 PCI bridge: Intel Corporation 12th Gen Core Processor PCI Express x16 Controller #1 (rev 02)
00:02.0 VGA compatible controller: Intel Corporation Alder Lake-P Integrated Graphics Controller (rev 0c)
00:04.0 Signal processing controller: Intel Corporation Alder Lake Innovation Platform Framework Processor Participant (rev 02)
00:06.0 PCI bridge: Intel Corporation 12th Gen Core Processor PCI Express x4 Controller #0 (rev 02)
00:07.0 PCI bridge: Intel Corporation Alder Lake-P Thunderbolt 4 PCI Express Root Port #0 (rev 02)
00:08.0 System peripheral: Intel Corporation 12th Gen Core Processor Gaussian & Neural Accelerator (rev 02)
00:0d.0 USB controller: Intel Corporation Alder Lake-P Thunderbolt 4 USB Controller (rev 02)
00:0d.2 USB controller: Intel Corporation Alder Lake-P Thunderbolt 4 NHI #0 (rev 02)
00:14.0 USB controller: Intel Corporation Alder Lake PCH USB 3.2 xHCI Host Controller (rev 01)
00:14.2 RAM memory: Intel Corporation Alder Lake PCH Shared SRAM (rev 01)
00:14.3 Network controller: Intel Corporation Alder Lake-P PCH CNVi WiFi (rev 01)
00:15.0 Serial bus controller: Intel Corporation Alder Lake PCH Serial IO I2C Controller #0 (rev 01)
00:16.0 Communication controller: Intel Corporation Alder Lake PCH HECI Controller (rev 01)
00:1c.0 PCI bridge: Intel Corporation Device 51bc (rev 01)
00:1c.7 PCI bridge: Intel Corporation Alder Lake PCH-P PCI Express Root Port #9 (rev 01)
00:1f.0 ISA bridge: Intel Corporation Alder Lake PCH eSPI Controller (rev 01)
00:1f.3 Multimedia audio controller: Intel Corporation Alder Lake PCH-P High Definition Audio Controller (rev 01)
00:1f.4 SMBus: Intel Corporation Alder Lake PCH-P SMBus Host Controller (rev 01)
00:1f.5 Serial bus controller: Intel Corporation Alder Lake-P PCH SPI Controller (rev 01)
01:00.0 VGA compatible controller: NVIDIA Corporation GA106M [GeForce RTX 3060 Mobile / Max-Q] (rev a1)
01:00.1 Audio device: NVIDIA Corporation GA106 High Definition Audio Controller (rev a1)
02:00.0 Non-Volatile memory controller: Micron Technology Inc Device 5407
2d:00.0 SD Host controller: Genesys Logic, Inc GL9750 SD Host Controller (rev 01)
2e:00.0 Ethernet controller: Realtek Semiconductor Co., Ltd. RTL8111/8168/8411 PCI Express Gigabit Ethernet Controller (rev 16)

If you need any other information, I will add it as much as possible!

seth · 2023-07-19 06:00:25

Are you running spotify on the intel or the nvidia chip?
X11 or wayland? (Try X11)
xf86-video-intel or modesetting driver? (Try the modessetting driver)
https://wiki.archlinux.org/title/Intel_ … RI3_issues

LIBGL_DRI3_DISABLE=1 spotify

heddxh · 2023-07-19 06:52:20

Spotify is running on intel
I am on X11
And i am using modessetting.

Using the above cammand don't fix it.

seth · 2023-07-19 16:47:44

https://bbs.archlinux.org/viewtopic.php?id=279266
We've been there (and I had the same idea…), but it's unresolved.
You could try zink, but make sure vulkan is supported and properly configured ("vulkaninfo")

Also try to run spotify on the nvidia GPU to see whether it's actually an intel/mesa error or the GL code is just broken.

Does "--use-gl=desktop" (still) work w/ spotify?

heddxh · 2023-07-20 05:36:34

I tried MESA_LOADER_DRIVER_OVERRIDE=zink, it solved the problem but code and spotify gained a longer startup time. (Vulkan works fine)

--use-gl=desktop also solve spotify's problem and no significant increase in startup time. But for Vscode, it compain "Warning: 'use-gl' is not in the list of known options, but still passed to Electron/Chromium.", land don't work.

I never tried to run on Nvidia and I will try it soon.

heddxh · 2023-07-20 05:43:50

Ok, Nvidia doesn't have such problem.
Thanks for your help! So should I mark is as resolved or just leave it there?

seth · 2023-07-20 06:47:45

--use-gl will probably cease to work in the near future as the option was removed from chromium (does that bww. exhibit the same problem?) but at least we know it's somewhere between MESA and ANGLE.
The problem isn't really solved, HW accelerated ANGLE is broken w/ MESA on at least some electron versions, the general woraround then is to disable the hardware acceleration.

To be sure:

pacman -Qs xf86-video

posts nothing?

heddxh · 2023-07-20 15:56:23

Yes, no output.

Shoud it be added to somewhere on wiki?

Last edited by heddxh (2023-07-21 13:20:49)

seth · 2023-07-21 20:28:15

Is your VS-code issue https://wiki.archlinux.org/title/Visual … d_Terminal ?
And from the other thread:

Whenever I hover over that string, it gets "fixed", but gets "broken" again if I move the cursor around the UI.

Is the behavior the same for you?

There're's also recently https://bbs.archlinux.org/viewtopic.php?id=287362 so this seems a general problem, if it doesn't go away w/ a next MESA udpate it would probably be a good idea to mention it in the wiki, yes.

heddxh · 2023-07-22 02:03:42

Whenever I hover over that string, it gets "fixed", but gets "broken" again if I move the cursor around the UI.

Yes, the same.

对于宽字符，一下测试是否说明我的终端渲染正确？

code

Thanks again for your help!

Arch Linux

#1 2023-07-19 01:40:09

Some Electron app have glitch/bad text rendering without --disable-gpu

#2 2023-07-19 06:00:25

Re: Some Electron app have glitch/bad text rendering without --disable-gpu

#3 2023-07-19 06:52:20

Re: Some Electron app have glitch/bad text rendering without --disable-gpu

#4 2023-07-19 16:47:44

Re: Some Electron app have glitch/bad text rendering without --disable-gpu

#5 2023-07-20 05:36:34

Re: Some Electron app have glitch/bad text rendering without --disable-gpu

#6 2023-07-20 05:43:50

Re: Some Electron app have glitch/bad text rendering without --disable-gpu

#7 2023-07-20 06:47:45

Re: Some Electron app have glitch/bad text rendering without --disable-gpu

#8 2023-07-20 15:56:23

Re: Some Electron app have glitch/bad text rendering without --disable-gpu

#9 2023-07-21 20:28:15

Re: Some Electron app have glitch/bad text rendering without --disable-gpu

#10 2023-07-22 02:03:42

Re: Some Electron app have glitch/bad text rendering without --disable-gpu

Board footer