High screen resolution produces blank screen in firefox

[mcrmonkey]

Browser: Firefox 65.0.1 (64-bit) OS: Linux

When attempting to view the dashboard on a high resolution screen the dashboard appears blank after flashing Loading... in the top corner

When checking in the web console the following errors are shown:

PixiJS 4.8.3 - WebGL - http://www.pixijs.com/ app-cfee56989bad7c0167fd.js:1:15671
Error: WebGL warning: clear: Requested size 4570x742 was too large, but resize to 2285x371 succeeded. app-cfee56989bad7c0167fd.js:24:346478
Error: WebGL warning: drawElements: Drawing to a destination rect smaller than the viewport rect. (This warning will only be given once) app-cfee56989bad7c0167fd.js:24:344754 

Resizing the browser width, even by just a few pixels, allows the dashboard to render properly. Zooming in also allows the dashboard to render ( CTRL+SHIFT+PLUS or CTRL+MOUSE_WHEEL_UP )

Rendering in Chrome (72.0.3626.121 ) on same system works fine

[tomislater]

Hmm, you can turn off WebGL: https://kubernetes-operational-view.readthedocs.io/en/latest/ui-options.html

[mcrmonkey]

Yes, this works

Switching the renderer from the default of webGL to canvas allows the page to display the data correctly:

http://k8.internal:9393/#renderer=canvas

Would this be something that is left to the user to correct or something the application could correct for the user ?

[tomislater]

I think we can do such things automatically...

http://pixijs.download/release/docs/PIXI.html#.autoDetectRenderer - there is a bunch of parameters.

I do not know why do we set resolution to 2 for instance