[Bug] | Blank white webpage on iOS and Internet Browser on Android

[DrDMoney]

Are you using the latest release?

• [X] Yes, I am using the latest release.

Have you checked a bug report doesn't already exist?

• [X] Yes, I have checked the existing bug reports.

What happened?

Just used wizarr to have my plex users make their own jellyfin accounts. Nearly all iOS users reported back the the site loads a completely white webpage with nothing to do or interact with. I saw the exact same issue accrue using the basic internet browser app on android. I am not able to figure out why this is happening.

Virtualisation

Docker

What operating system are you seeing the problem on?

iOS

What browsers are you seeing the problem on?

Chrome, Safari

Project Location

Remote

Bug Description

Unable to load website with iOS browsers. Tested safari and chrome. Android internet browser also has same issue.

Steps to Reproduce

No response

Relevant Log Output

No response

[ptscreens]

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.

[michelekappa]

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

[DrDMoney]

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.

[JamsRepos]

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.

[DrDMoney]

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.

[JamsRepos]

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

[DrDMoney]

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.