[Bug] | Blank white webpage on iOS and Internet Browser on Android about wizarr HOT 7 CLOSED

You can use cloudflare, you must disable the auto minify and the rocket settings I believe. Due to the nature of Vue, it renders the page after the DOM is loaded, not before. So it’s breaking the JS.

from wizarr.

I believe the setting in question is “Rocket Loader” which can be found under Speed > Optimization

from wizarr.

I believe the setting in question is “Rocket Loader” which can be found under Speed > Optimization

I figured it out. I forgot to purge the DNS cache in cloudflare. So it was still pulling the broken minify code.

from wizarr.

I have the same issue - All browsers ONLY outside of the local network have the same issue. Tested on iOS, Android and MacOS with Chrome, Safari (iOS & MacOS Only), Firefox, Samsung Browser (Android Only).

Wizarr in docker, NGINX Proxy Manager in front (both locally and externally).

Works fine over different VLANs, just not externally, so not a routing issue.

More than happy to test etc.. if needed.

from wizarr.

Same here. Tried with latest Firefox on Windows 10 and Firefox on Android.
From internal network, with FQDN, all I receive in journalctl is a 200 status, then a blank screen (tried both on Firefox and Chromium):
Jul 02 02:30:57 wizarr 61b3d1ce2af3[148]: "GET / HTTP/1.1" 200 3071 "http://10.10.0.109:81/"
(where 10.10.0.109:81 is my nginxproxymanager)

Same thing occurs with admin console:
Jul 02 02:33:26 wizarr 61b3d1ce2af3[148]: "GET /admin HTTP/1.1" 200 3071 "-"

From external network, Firefox browser on Android:
Jul 02 02:36:07 wizarr 61b3d1ce2af3[148]: "GET / HTTP/1.1" 304 0 "-"

When using local IP in internal network, all works fine:
Jul 02 02:41:47 wizarr 61b3d1ce2af3[148]: "GET / HTTP/1.1" 200 3071 "-"
Jul 02 02:41:47 wizarr 61b3d1ce2af3[148]: 00:41:47 INFO 127.0.0.1 - - [2024-07-02 00:41:47] "GET /api/server HTTP/1.0" 200 789 0.005262
(...)
Jul 02 02:41:47 wizarr 61b3d1ce2af3[148]: "GET /socket.io/?EIO=4&transport=polling&t=P1mu_gc&sid=hRnrWeLDj0qaB3WOAAAG HTTP/1.1" 200 11 "http://10.10.0.121:5690/"
Jul 02 02:41:47 wizarr 61b3d1ce2af3[148]: 00:41:47 INFO 127.0.0.1 - - [2024-07-02 00:41:47] "GET /socket.io/?EIO=4&transport=polling&t=P1mu_gc&sid=hRnrWeLDj0qaB3WOAAAG HTTP/1.1" 200 176 0.001228

from wizarr.

I have had a lot of inconsistencies trying to fix this issue where I also started having issues in multiple browsers but it wasn't always present. I disabled my dns proxy on cloudflare and that seems to have done the trick. I'm not sure what in the code is causing the issue where I can't use a DNS proxy service.

from wizarr.

You can use cloudflare, you must disable the auto minify and the rocket settings I believe. Due to the nature of Vue, it renders the page after the DOM is loaded, not before. So it’s breaking the JS.

I turned off the minify and turned DNS proxy back on but still having similar issues.

from wizarr.