mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-05 17:58:55 +00:00
BFlat
33be9f1ca4
**Problem:** On mobile Safari, tapping "Sign up to create" on the create pages froze for 5–10s before the signup modal appeared. Desktop was fine. **Cause:** The modal mounts Google's GSI sign-in widget (`<GoogleLogin>`), which boots a cross-site iframe to `accounts.google.com`. Mobile Safari's tracking prevention (ITP) throttles that cross-site init for several seconds, and because the widget mounted synchronously when the modal opened, the modal's first paint was blocked behind it. The login/signup pages didn't show this because they mount the widget during a route change, hiding the cost. **Fix:** Defer mounting the real GSI iframe until after first paint (`useEffect` + `requestAnimationFrame`). The custom "Continue with Google" button shows instantly; the actual Google button hydrates a frame later, off the critical path. The container has a fixed height, so there's no layout shift. - Centralized in `GoogleLoginButton`, so the login/signup pages benefit too. - Tradeoff: the Google button becomes clickable ~1 frame later (imperceptible). - No behavior change on desktop.