Top of page missing in Google Chrome, OK in Firefox

Self-Hosted | v5
1

This is a brand new install of 5.5.49 on Ubuntu 22.04 LTS, with Google Chrome on Linux.

In Chrome, the bottom half of the page shows in the top half of the screen. The top half of the page is missing.

Also, page rendering is painfully slow in Chrome and fast in Firefox.

The warnings below are in the browser’s console.

Everything works perfectly in Firefox.

If you need any more information, please let me know.

20:59:40.808 main.foss.dart.js?v=5.5.49:73750 Flutter Web Bootstrap: Auto
20:59:41.187 main.foss.dart.js?v=5.5.49:73750 POST: https://billing.terrys-service.com/api/v1/refresh?&first_load=true&include_static=true
20:59:41.192 main.foss.dart.js?v=5.5.49:73750 POST: https://billing.terrys-service.com/api/v1/refresh?&first_load=true&include_static=true
20:59:41.276 canvaskit.js:256 WARNING: failed to attach a stencil buffer. Rendering will be skipped.
U @ canvaskit.js:256
20:59:41.277 canvaskit.js:253 WebGL: INVALID_OPERATION: useProgram: program not valid
Kc @ canvaskit.js:253
20:59:41.278 canvaskit.js:253 WebGL: INVALID_OPERATION: useProgram: program not valid
Kc @ canvaskit.js:253
20:59:41.282 /#/:1 WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost
20:59:41.286 canvaskit.js:256 WARNING: failed to attach a stencil buffer. Rendering will be skipped.
U @ canvaskit.js:256
20:59:41.331 canvaskit.js:256 WARNING: failed to attach a stencil buffer. Rendering will be skipped.
U @ canvaskit.js:256
20:59:41.335 canvaskit.js:253 WebGL: INVALID_OPERATION: useProgram: program not valid
Kc @ canvaskit.js:253
20:59:41.335 canvaskit.js:233 WebGL: INVALID_OPERATION: drawArrays: no valid shader program in use
za @ canvaskit.js:233
20:59:41.336 canvaskit.js:253 WebGL: INVALID_OPERATION: useProgram: program not valid
Kc @ canvaskit.js:253
20:59:41.336 canvaskit.js:234 WebGL: INVALID_OPERATION: drawElements: no valid shader program in use
nc @ canvaskit.js:234
20:59:41.338 canvaskit.js:253 WebGL: INVALID_OPERATION: useProgram: program not valid
Kc @ canvaskit.js:253
20:59:41.338 canvaskit.js:233 WebGL: INVALID_OPERATION: drawArraysInstanced: no valid shader program in use
yc @ canvaskit.js:233
20:59:41.340 /#/:1 WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost
20:59:41.362 main.foss.dart.js?v=5.5.49:9020 WARNING: Falling back to CPU-only rendering. Failed to initialize WebGL context.
bG @ main.foss.dart.js?v=5.5.49:9020
21:00:14.448 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 310ms
21:00:14.665 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 213ms
21:00:42.683 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 319ms
21:00:42.937 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 240ms
21:00:43.084 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 115ms
21:00:43.151 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 63ms
21:00:43.247 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 92ms
21:00:43.304 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 54ms
21:00:51.726 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 50ms
21:00:51.785 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 57ms
21:00:51.841 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 53ms
21:01:15.683 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 71ms
21:01:35.180 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 53ms
21:01:36.367 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 140ms
21:01:36.428 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 59ms
21:01:36.581 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 149ms
21:01:36.674 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 90ms
21:01:36.906 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 226ms
21:01:37.031 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 120ms
21:01:37.144 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 108ms
21:01:37.200 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 53ms
21:01:38.338 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 59ms
21:01:38.408 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 62ms
21:01:38.466 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 55ms
21:02:13.369 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 52ms
21:02:13.611 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 64ms
21:02:13.674 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 57ms
21:03:38.383 main.foss.dart.js?v=5.5.49:8995 [Violation] 'requestAnimationFrame' handler took 68ms
2

Hi,

It looks like it may be a WebGL issue, you may want to use the Linux desktop app instead.

3

It certainly could be (I have no idea). I mostly use FF, so it’s not an issue, but wanted to let you guys know.

As far as the apps go, I hope you guys aren’t dropping the web interface in favor of all the apps. I really like being able to open a browser wherever I am and get to IN without needing to install anything.

4

To the contrary, we’re developing a new web app.

You can try the demo here: Invoice Ninja

1 Like