headlamp-k8s / headlamp

A Kubernetes web UI that is fully-featured, user-friendly and extensible
https://headlamp.dev
Apache License 2.0
2.43k stars 170 forks source link

WSL broken svg rendering #2051

Open vyncent-t opened 5 months ago

vyncent-t commented 5 months ago

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:

Thanks to @sniok for helping me troubleshoot!

image

The badge icons image

Images

Cluster, Network, and Security on side bar

image

Top right icons

image

Calendar Icons

image

image

vyncent-t commented 5 months ago
illume commented 4 months ago

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

To do:

vyncent-t commented 4 months ago

When hardware acceleration is not disabled

image

When disabled

image

vyncent-t commented 4 months ago

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

illume commented 4 months ago

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

sniok commented 4 months ago

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
sniok commented 3 days ago

after upgrading mesa to version 24 it seems to work without rendering issues for me

sudo add-apt-repository ppa:kisak/kisak-mesa
sudo apt update
sudo apt upgrade