search

XRPL-Labs / Xaman-Issue-Tracker

Bugs, improvements, suggestions & release progress (Project boards)
https://xumm.app
14 stars 9 forks source link

[Bug] White Splash Screen when loading xApp #427

Open NetScr1be opened 1 year ago

NetScr1be commented 1 year ago

Describe the bug

There is an empty white splash screen while waiting to load xApps as reported in: https://mail.missiveapp.com/#inbox/conversations/8649ffbf-881f-4341-8560-51ada3ea456c

To Reproduce Steps to reproduce the behavior:

  1. Load any xApp
  2. Spinner starts, white splah screen in background as spinner continues but changes form

Expected behavior

No white splash screen or match background colour

Screenshots

Screenshot in support ticket. It's a white splash screen. Use your imagination.

Environment

User reports it on: Samsung galaxy S10 running Android 12, and it also happens on my wife's phone a Huawei P20 running EMUI 12.

Additional context

N/A

WietseWind commented 1 year ago

@NetScr1be So let me get this straight:

  1. xApp loads just fine
  2. During the loading there's a white flash?

@N3TC4T isn't this just the webpage not being transparent background while the app is in dark mode?

WietseWind commented 1 year ago

Discussed, just the webapp not using background: transparent on HTML/BODY

@KoenPaas: reproduce:

  1. Xumm in dark mode
  2. Open Account Worth
  3. Short grey background flash
  4. Grey » transparent » profit 🎉
KoenPaas commented 1 year ago

Not working properly with transparent, could be a combination of Vue and Webview inside Xumm app.

On the mobile browser it does not show a white screen, I can't seem to get rid of it inside the webview. You can also see a white screen when:

  1. user opens xApp
  2. user soft closes Xumm
  3. user opens Xumm after a while (could be due to memory being allocated to a different process and the web app/xapp is not there anymore.
  4. White screen shows
WietseWind commented 1 year ago

@KoenPaas I think that's a different (privacy) white screen you're referring to.

Can you please try the same with for example the Xumm Support xApp? This one doesn't have it.

I think it may be because Xumm Support is server side rendered, and serves the stylesheets instantly when the page is already rendered and compiled and sent to the browser.

Opposed to client side rendered (Vue, virtual dom) projects where the styles are applied post Javascript liveliness.

Did (if not: can you try) to add a line to the <head> of the Vue index.html container template to force e.g. html and body to be purple coloured, then to see if the white flash still applies, or if it's a purple flash?

KoenPaas commented 1 year ago

This is the screen you get after a while, happens to all vuejs projects.

How to reproduce: soft close Xumm ehrn xApp is open, do something else on iPhone, go back to Xumm when the app is still open but did not run out of memory which would trigger a restart of the Xumm app.

WietseWind commented 1 year ago

@KoenPaas I think this is a completely different issue? The original ticket was about the loading background flicker.

This last message seems to be about the WebView browser thread being killed when Xumm goes to the background, not waking up when Xumm is moved to the foreground again?