u/soacm

▲ 4 r/PWA

iOS PWA cold start: white flash between dark splash and dark Next.js UI

Cold start on an installed iOS PWA (Add to Home Screen, standalone): after the dark system splash (the app has a black background) I get a very short full-screen white flash before the app goes dark again.

On Android (installed PWA / Chrome) I don’t see this, looks fine. So I’m treating this as an iOS / WebKit standalone problem for now.

Stack: Next.js App Router, Tailwind for dark UI, production build + service worker (I’m not judging this off next dev alone).

I’m assuming a mix of WebKit’s default background before first paint, FOUC until CSS/Tailwind is in, and on app routes extra JS + auth before the shell matches.

I’ve been pointed at inline/critical dark background on html/body, color-scheme: dark, manifest theme_color/background_color but did not find a solution atm.

Thank you.

reddit.com
u/soacm — 1 day ago