tiny-pilot / tinypilot

Use your Raspberry Pi as a browser-based KVM.
https://tinypilotkvm.com
MIT License
2.95k stars 245 forks source link

Brief flickering of rendering artifacts while loading the UI #1712

Open jotaen4tinypilot opened 7 months ago

jotaen4tinypilot commented 7 months ago

A really tiny UI glitch: when loading the TinyPilot UI (e.g. http://tinypilot.local), the browser might very briefly display some intermediate artifacts while initializing the frontend:

Screenshot 2023-12-20 at 11 59 01

You can observe this effect in the screen cast video of this PR, around the 2:01 time mark.

To me, it appears as if these buttons come from our dialogs: e.g., the first button row looks like the ones from the shutdown dialog (without labels, though), the button underneath is probably a dangling “close” button.

The root cause might be that the dialogs are statically dumped into the index.html page. So the artifact flickering could stem from the fact that there is a short time gap between the browser initially rendering the dialogs’ HTML, and then hiding the dialogs in a later step.

This issue might be browser-dependent.