[v1.0.0b] PWA shows white-screen when logged in (sometimes) #1077

14wkinnersley · 2022-03-21T04:44:37Z

First Check

This is not a feature request
I added a very descriptive title to this issue.
I used the GitHub search to find a similar issue and didn't find it.
I searched the Mealie documentation, with the integrated search.
I already read the docs and didn't find an answer.

What is the issue you are experiencing?

After setting up Mealie 1.0.0b, I added a homescreen shortcut within iOS, and initially it worked, it let me login. After closing out, and closing out from the iOS “task manager”, It will no longer load correctly. I see the login screen for a brief moment, and then it goes to a white page. This only occurs for the iOS Add to Homescreen function.

Deployment

Docker (Linux)

Deployment Details

I run this within docker on Ubuntu Server 20.04 Headless. I run the site behind Nginx Proxy Manager.

hay-kot · 2022-03-21T04:49:57Z

I noticed this today as well on Android, seems intermittent for me. Will dig into it this week.

hay-kot · 2022-03-23T03:53:05Z

~~Okay, so I was able to replicate this pretty easily on iOS, Android, and MacOS. I'm thinking it has something to do with SSR but I'm pretty stumped on what's causing the issue.~~

Hoping someone else might have an idea of what's going on.

As a temporary work around, if you can tap login fast enough it will let you pass the login screen, which I know is not ideal 😞

Edit: I'm an idiot and used fetch on the server. See here

b10ce50

Should be fixed when that PR is merged

* remove fetch / use axios fix #1077 * revert checkbox change * add password peek * fix bool check

zierbeek · 2022-03-23T11:25:44Z

thinks this is still happening?

hay-kot · 2022-03-23T15:07:08Z

thinks this is still happening?

I haven't been able to replicate it with the most recent build. Make sure you grab the latest build of the nightly containers. You might also need to reinstall the PWA.

14wkinnersley · 2022-03-23T15:29:22Z

thinks this is still happening?

I haven't been able to replicate it with the most recent build. Make sure you grab the latest build of the nightly containers. You might also need to reinstall the PWA.

I did some testing:

It works ✅ if I add the PWA homescreen icon for the direct local IP Address to Mealie.

It does not ❌ work if mealie is behind a reverse proxy (NGINX Proxy Manager in my case) ie: accessing mealie from https://mealie.domain.com

zierbeek · 2022-03-23T15:49:58Z

issues are indeed gone after a removal :) both on Nginx and local :)

14wkinnersley · 2022-03-23T15:54:12Z

issues are indeed gone after a removal :) both on Nginx and local :)

Hmm ill do some more testing. It only works the first time behind NGINX for me. After I close out the PWA from the "task manager" it no longer works, and I get the same issues as before. I did try setting it up on a whole new subdomain and it still did not work. Do you use NGINX Proxy Manager?

zierbeek · 2022-03-23T15:56:30Z

Ah yeah indeed, after force closing it, issues return! Using SWAG

…

________________________________ Van: Wells ***@***.***> Verzonden: woensdag 23 maart 2022 16:54 Aan: hay-kot/mealie ***@***.***> CC: zierbeek ***@***.***>; Comment ***@***.***> Onderwerp: Re: [hay-kot/mealie] [v1.0.0b] PWA shows white-screen when logged in (sometimes) (Issue #1077) issues are indeed gone after a removal :) both on Nginx and local :) Hmm ill do some more testing. It only works the first time behind NGINX for me. After I close out the PWA from the "task manager" it no longer works, and I get the same issues as before. I did try setting it up on a whole new subdomain and it still did not work. Do you use NGINX Proxy Manager? — Reply to this email directly, view it on GitHub<#1077 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AOCC7WZW6YUZ3F2ZXPXIB7TVBM5C7ANCNFSM5RGSPSBQ>. You are receiving this because you commented.Message ID: ***@***.***>

hay-kot · 2022-03-23T16:07:17Z

~~Does this issues also occur on the Beta sites PWA?~~

~~https://beta.mealie.io/~~

Never-mind, I got it to fail. Back to the drawing board.

14wkinnersley · 2022-03-23T16:09:13Z

~~Does this issues also occur on the Beta sites PWA?~~

~~https://beta.mealie.io/~~

Never-mind, I got it to fail. Back to the drawing board.

Just tested, no issues with the demo site.

hay-kot · 2022-03-23T16:15:35Z

Yeah, this is thoroughly confusing. I think the PR I did resolved the core issue that was causing the error, but the PWA is doing some aggressive caching that is causing the pages not to render correctly.

It may be that you need to uninstall the PWA and delete all associated page data and re-install the PWA to get this to be resolved? I've done that and so far so good on my Ipad and Android phone and MacBook 🤞

14wkinnersley · 2022-03-23T16:23:31Z

Yeah, this is thoroughly confusing. I think the PR I did resolved the core issue that was causing the error, but the PWA is doing some aggressive caching that is causing the pages not to render correctly.

It may be that you need to uninstall the PWA and delete all associated page data and re-install the PWA to get this to be resolved? I've done that and so far so good on my Ipad and Android phone and MacBook 🤞

No dice for me. I removed all PWA for it, and even setup access on a whole other domain, created the new PWA, and had the same issue. Ill keep doing some testing on my end with the reverse proxy and see if I can get anywhere.

hay-kot · 2022-03-23T16:31:15Z

Bummer, I'd double check that you've got the latest build docker-compose pull && docker-compose up -d just in case.

hay-kot · 2022-03-27T21:31:01Z

Checking in on this again. I haven't had the issue since updating and have been using it pretty regularly.

14wkinnersley · 2022-03-27T23:34:03Z

Checking in on this again. I haven't had the issue since updating and have been using it pretty regularly.

I still have the issue on the latest update. Tried deleting and reinstalling the PWA. Just tried a few minutes ago. No help. Gave up on using it

tbleiker · 2022-03-28T10:50:50Z

Same here

Android 12 (Pixel 4a)
Docker (Linux), current nightlies, behind proxy (traefik)

CarloDePieri · 2022-04-08T10:57:55Z

My 2c about this:

as of today, the PWA is not working correctly on my android 11 device (pixel 2xl) and android 12 device (pixel 4a)

My setup is nightlies docker, behind traefik; this stack went up yesterday for the first time on this server so images are up-to-date.
On both device I also completely cleared the website data from the browsers (tried chrome, chrome-beta, firefox, kiwi) when reinstalling the pwa.

Thank you for all your work on this project!

hay-kot · 2022-04-09T18:34:12Z

Not much I can do on this to troubleshoot since I can't replicate the issue with any of my devices. If anyone can troubleshoot on their end with a remote debugger with chrome or eq. and can provide some more information or ideas on what causing the issue that would be really helpful.

14wkinnersley · 2022-04-10T03:02:26Z

Not much I can do on this to troubleshoot since I can't replicate the issue with any of my devices. If anyone can troubleshoot on their end with a remote debugger with chrome or eq. and can provide some more information or ideas on what causing the issue that would be really helpful.

I just tested this using even Microsoft Edge in Windows 11 by adding the "application" to my desktop and had the same issue. I can run debugger tools if needed but I dont really know what im doing with all that. I could create a dummy user account maybe for you to test if you need?

CarloDePieri · 2022-04-10T07:59:00Z

Not much I can do on this to troubleshoot since I can't replicate the issue with any of my devices. If anyone can troubleshoot on their end with a remote debugger with chrome or eq. and can provide some more information or ideas on what causing the issue that would be really helpful.

I can reproduce this behavior even on chrome (Version 99.0.4844.84 (Official Build) (64-bit)) on my linux machine (the build number of Mealie as reported in Settings -> General about -> Build is 10784b6 by the way).

How to reproduce on chrome on pc

Uninstall any previously installed pwa version
Clear all website data by clicking on 'clear site data' in the Application -> Storage tab of the Developer Tools (Menu -> more tools -> Developer Tools)
Install the pwa by pressing the button in the address bar or Menu -> Install Mealie...
In the newly installed pwa, log in. Everything should work correctly
Close the application
Open the pwa again by going to chrome://apps, apps tab (or by launching it by the shortcut created by your os)
The login menu flashes for a second, then a blank white screen appears.

All http request succeeded, but the console report an error:

7b44a51.js:2 TypeError: Cannot read properties of undefined (reading '_isDestroyed')
    at destroy (7b44a51.js:2:21512)
    at E (7b44a51.js:2:55951)
    at E (7b44a51.js:2:56050)
    at E (7b44a51.js:2:56050)
    at f.__patch__ (7b44a51.js:2:59472)
    at f.t.$destroy (7b44a51.js:2:36269)
    at destroy (7b44a51.js:2:21555)
    at E (7b44a51.js:2:55951)
    at f.__patch__ (7b44a51.js:2:59472)
    at f.t.$destroy (7b44a51.js:2:36269)

The js is mimified so it's not easly debugged: maybe later I'll manage to setup Mealie in dev mode and look further into this issue.

CarloDePieri · 2022-06-09T11:30:00Z

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Good bot.

The issue is still relevant though!
I just reproduced it with a fresh nightly (beta3) installation following the step I outlined above.

articuno1au · 2023-01-06T05:24:05Z

Just cross-linking. I started encountering this issue after installing the attempted fix for #1816. I've completely blown away the storage for the site and all cookies, but the issue persists.

I wasn't previously encountering the problem, so this is a new behaviour. Let me know if there's any testing I can perform for you.

I've got my configuration listed in #1816 (comment)

hay-kot · 2023-01-06T19:26:21Z

@articuno1au, do you know the last good build number where you weren't experiencing the PWA error?

michael-genson · 2023-01-06T19:36:16Z

FWIW I wasn't experiencing it before either, but that's because it logged me out every time I opened the PWA, so I never had the chance for the redirect to fail (because it never redirected).

So the issue still existed, it just basically got cancelled out by the login state not persisting

hay-kot · 2023-01-06T19:54:39Z

Trying another fix

https://github.com/hay-kot/mealie/actions/runs/3858063510

Will give it a try again once the build is complete. 🤞

14wkinnersley · 2023-01-07T01:00:32Z

Trying another fix

https://github.com/hay-kot/mealie/actions/runs/3858063510

Will give it a try again once the build is complete. 🤞

Tested and confirmed its operational for me across multiple devices! Thanks so much!!

articuno1au · 2023-01-07T01:08:13Z

EDIT::
Actually, I can't confirm this is fixed on my end. I'm getting a JSON dump appearing in the PWA window when opening it

{
  "name": "Mealie",
  "short_name": "mealie",
  "icons": [
    {
      "src": "/_nuxt/icons/icon_64x64.af4555.png",
      "sizes": "64x64",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "/_nuxt/icons/icon_120x120.af4555.png",
      "sizes": "120x120",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "/_nuxt/icons/icon_144x144.af4555.png",
      "sizes": "144x144",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "/_nuxt/icons/icon_152x152.af4555.png",
      "sizes": "152x152",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "/_nuxt/icons/icon_192x192.af4555.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "/_nuxt/icons/icon_384x384.af4555.png",
      "sizes": "384x384",
      "type": "image/png",
      "purpose": "any maskable"
    },
    {
      "src": "/_nuxt/icons/icon_512x512.af4555.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "any maskable"
    }
  ],
  "start_url": "",
  "display": "standalone",
  "background_color": "#FFFFFF",
  "theme_color": "#E58325",
  "lang": "en",
  "title": "Mealie",
  "share_target": {
    "action": "/",
    "method": "GET",
    "params": {
      "title": "title",
      "text": "recipe_import_url"
    }
  }
}

I've cleared all the data, and same result. I've also confirmed I'm on the latest nightly docker container (might not have made it to Docker yet?).

hay-kot · 2023-01-07T02:05:13Z

Actually, I can't confirm this is fixed on my end. I'm getting a JSON dump appearing in the PWA window when opening it

I was getting the same earlier today. Trying another fix, should be built soon.

https://github.com/hay-kot/mealie/actions/runs/3859534260

michael-genson · 2023-01-07T04:23:44Z

Latest one seems to work correctly!

hay-kot · 2023-01-07T04:32:41Z

Looks to be working for me as well!

articuno1au · 2023-01-07T06:10:45Z

So, it's not working for me, but I'm unsure if I have the correct code.

I'm currently running the following front-end hash: sha256:400eb63197207faa11d1370f29abbf237dbf9b35628a0306cd85dabdd767b56c
back-end hash:
sha256:98fe68351473c00b596117fdd20e344dad8a1cf9b9b89be330f512e1cac0d76c

hay-kot · 2023-01-07T17:43:41Z

Didn't mean to close this, whoops!

@articuno1au, did you do the following?

To use the fix, be sure to

Delete your current PWA installation

Clear cookies and storage for the website.

articuno1au · 2023-01-08T00:21:30Z

Didn't mean to close this, whoops!

@articuno1au, did you do the following?

To use the fix, be sure to

Delete your current PWA installation

Clear cookies and storage for the website.

Yeah, I cleared data. ~~I just revalidated and am still seeing the same problem.~~

Scrub that. It seems to be resolved. I had been logging in then installing the PWA. I installed the PWA then logged in and it started working. I've tested a bunch of times, still working without issue. Not sure why that would make a difference.. Lgtm.

SimSon2710 · 2023-01-08T11:27:49Z

Android 11, Samsung S10
Firefox 108.2.0
latest mealie nightly: v1.0.0beta-5 (container updated on 07.01.22) running on Ubuntu behind SWAG proxy

I can't confirm that it works :/

I uninstalled the PWA, deleted all browser data in firefox, installed the PWA w/o prior login and then logged in inside the PWA. This worked better than before, but when I closed the PWA and tried to reenter, mealie first asks me to enter my credentials, but then the screen turns blank as before.

articuno1au · 2023-01-08T15:05:58Z

@SimSon2710 - Just for isolation testing, do you want to try again with a clean browser like Chrome or Vivaldi? I found some weird caching stuff with the PWA.

SimSon2710 · 2023-01-08T15:58:22Z

@articuno1au - I just tried both, completely new and clean installation of Vivaldi and Chrome, but the issue persist :/

articuno1au · 2023-01-08T16:33:16Z

Worth a try. I can't replicate on my end I'm sorry. Good luck getting it sorted.

hay-kot · 2023-01-08T19:10:36Z

I just tried both, completely new and clean installation of Vivaldi and Chrome, but the issue persist :/

Up until the most recent builds I've been able to replicate the issue but now the PWA works as expected. As such, there's not much else I can do without any kind of ability to reproduce the issue. I would make sure / try the following

You've got the latest frontend container (nightly).
You've restarted your container since updating
Verify your browser isn't deleting cookies and session data on exit of the PWA (common in firefox)
Delete all installed versions of the PWA and clear session/cookies before re-installing
Try the PWA on the demo site and see if the same issue occurs https://demo.mealie.io/

If none of that works, I'd need to get some information from your browser console on your phone which is a whole thing... Let me know!

Zipties · 2023-01-08T19:58:23Z

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Good bot.

The issue is still relevant though! I just reproduced it with a fresh nightly (beta3) installation following the step I outlined above.

Same here on the latest nightly.

@hay-kot are you still looking for someone to send debug logs?

SimSon2710 · 2023-01-27T19:17:06Z

Sorry I haven't answered anymore, but I was lost under a heap of work. I just updated mealie, and now it seems to work fine!

m10x · 2023-02-03T15:52:58Z

It works now for us, too! :) Thank you

hay-kot added the bug Something isn't working label Mar 23, 2022

hay-kot changed the title ~~iOS Add to HomeScreen not working correctly~~ [v1.0.0b] PWA shows white-screen when logged in (sometimes) Mar 23, 2022

hay-kot added the help wanted Extra attention is needed label Mar 23, 2022

hay-kot added a commit that referenced this issue Mar 23, 2022

remove fetch / use axios fix #1077

b10ce50

hay-kot added a commit that referenced this issue Mar 23, 2022

Fix/fix broken pwa (#1086)

ba325c1

* remove fetch / use axios fix #1077 * revert checkbox change * add password peek * fix bool check

hay-kot linked a pull request Mar 23, 2022 that will close this issue

Fix/fix broken pwa #1086

Merged

stale bot added the stale label Jun 9, 2022

stale bot removed the stale label Jun 9, 2022

hay-kot added the bug: confirmed label Jun 9, 2022

hay-kot added this to the v1.0.0beta-RC1 milestone Jan 6, 2023

hay-kot mentioned this issue Jan 6, 2023

Fix/potential-pwa-fix-3 #1992

Merged

hay-kot closed this as completed in #1992 Jan 6, 2023

hay-kot reopened this Jan 7, 2023

michael-genson mentioned this issue Jan 11, 2023

Keep getting logged out #2023

Closed

michael-genson mentioned this issue Feb 5, 2023

[v1.0.0b] - iOS Shortcut stopped working #2092

Closed

5 tasks

hay-kot closed this as completed Feb 5, 2023

michael-genson mentioned this issue Jun 1, 2023

[Nightly] - OCR Editor Fails to Copy Text to Selected Field in Instructions #2394

Closed

5 tasks

michael-genson mentioned this issue Jul 14, 2023

Logging issue when "Add Mealie to home screen" app to pixle7 #2453

Closed

6 tasks

hay-kot mentioned this issue Sep 15, 2023

fixes: PWA & interface on small screens #2536

Merged

[v1.0.0b] PWA shows white-screen when logged in (sometimes) #1077

[v1.0.0b] PWA shows white-screen when logged in (sometimes) #1077

Comments

14wkinnersley commented Mar 21, 2022

First Check

What is the issue you are experiencing?

Deployment

Deployment Details

hay-kot commented Mar 21, 2022

hay-kot commented Mar 23, 2022 • edited Loading

zierbeek commented Mar 23, 2022

hay-kot commented Mar 23, 2022

14wkinnersley commented Mar 23, 2022

zierbeek commented Mar 23, 2022

14wkinnersley commented Mar 23, 2022

zierbeek commented Mar 23, 2022 via email

hay-kot commented Mar 23, 2022 • edited Loading

14wkinnersley commented Mar 23, 2022

hay-kot commented Mar 23, 2022

14wkinnersley commented Mar 23, 2022

hay-kot commented Mar 23, 2022

hay-kot commented Mar 27, 2022

14wkinnersley commented Mar 27, 2022

tbleiker commented Mar 28, 2022

CarloDePieri commented Apr 8, 2022

hay-kot commented Apr 9, 2022

14wkinnersley commented Apr 10, 2022

CarloDePieri commented Apr 10, 2022

CarloDePieri commented Jun 9, 2022

articuno1au commented Jan 6, 2023

hay-kot commented Jan 6, 2023

michael-genson commented Jan 6, 2023

hay-kot commented Jan 6, 2023

14wkinnersley commented Jan 7, 2023

articuno1au commented Jan 7, 2023 • edited Loading

hay-kot commented Jan 7, 2023 • edited Loading

michael-genson commented Jan 7, 2023

hay-kot commented Jan 7, 2023

articuno1au commented Jan 7, 2023

hay-kot commented Jan 7, 2023

articuno1au commented Jan 8, 2023 • edited Loading

SimSon2710 commented Jan 8, 2023

articuno1au commented Jan 8, 2023

SimSon2710 commented Jan 8, 2023

articuno1au commented Jan 8, 2023

hay-kot commented Jan 8, 2023

Zipties commented Jan 8, 2023

SimSon2710 commented Jan 27, 2023

m10x commented Feb 3, 2023

hay-kot commented Mar 23, 2022 •

edited

Loading

hay-kot commented Mar 23, 2022 •

edited

Loading

articuno1au commented Jan 7, 2023 •

edited

Loading

hay-kot commented Jan 7, 2023 •

edited

Loading

articuno1au commented Jan 8, 2023 •

edited

Loading