WSL broken svg rendering

[vyncent-t]

I noticed that when running headlamp in app mode there are some rendering issues with the icons. I have also tried comparing the icons to the web mode and it seems to be an app mode issue only, could be something wrong with the WSL or Electron build.

I have seen that just rendering a single svg on the app still renders a broken icon like the image below. This could impact people also using WSL as it may not be an issue for windows.

I have tried the following thus far:

• Installing and building previous versions of the main project
• Installing and building previous versions of the plugins
• Updating Electron ver
• Updating Ubuntu env
• Clearing cache folder
• Installing new Ubuntu

Thanks to @sniok for helping me troubleshoot!

The badge icons

Images

Cluster, Network, and Security on side bar

Top right icons

Calendar Icons

• not easily screen capped but load the overview page and watch the circles load in

[vyncent-t]

• git bisect usage next

[illume]

@vyncent-t and I did some debugging...

• disableGPU makes the icons work
• The Ubuntu is at 24.04 (was also broken on 22.04)
• We tried updating electron to 31.1.0 (didn't help)

To do:

• We should make an environment variable to allow setting it to disabled.
• look into package differences compared to systems where it works
• log a bug with electron
• check chromium does or does not have icon rendering issues

[vyncent-t]

When hardware acceleration is not disabled

When disabled

[vyncent-t]

electron function to return GPU info - https://www.electronjs.org/docs/latest/api/app#appgetgpuinfoinfotype

[illume]

Note to self: at least implement an environment variable to turn off GPU for headlamp app. If can not detect WSL GPU error.

[sniok]

Running using discrete GPU doesn't have this issue. Maybe integrated (intel) driver issues?

export MESA_D3D12_DEFAULT_ADAPTER_NAME=NVIDIA   
npm run dev-only-app