Repository navigation
Run the landing backdrop when the OS asks for reduced motion - #36
Conversation
Desktops with OS animation effects off reported reduced motion, so the landing page showed no backdrop there while phones did. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Codex Review SummaryThis comment shows the latest Codex review activity on this pull request.
ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings. |
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 0b05151fdc
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| const probe = document.createElement("canvas").getContext("webgl2"); | ||
| // Hand the probe's context back now rather than when it is collected. | ||
| probe?.getExtension("WEBGL_lose_context")?.loseContext(); | ||
| return backdropAllowed({ webgl2: probe !== null, reducedMotion }); | ||
| return backdropAllowed({ webgl2: probe !== null }); |
There was a problem hiding this comment.
When prefers-reduced-motion: reduce is set, this now enables the same continuously walking and swaying DriftCamera used for every other visitor. That preference is commonly enabled specifically to avoid vestibular-triggering animation, and this full-screen first-person motion is especially likely to cause discomfort. Keep checking the preference and either omit the backdrop or render it with a stationary camera rather than ignoring the request.
Useful? React with 👍 / 👎.
There was a problem hiding this comment.
Intentional: desktops with OS animation effects off reported reduced motion, which hid the landing backdrop entirely. The product decision is to always animate it.
What
prefers-reduced-motion: reduce(for example with Windows "Animation effects" turned off), the drifting demo-world backdrop was skipped entirely. Phones rarely set this, so mobile worked.supportsBackdropandbackdropAllowed.apps/web/AGENTS.mdare updated to match.How to test
pnpm typecheck pnpm lint pnpm test pnpm --filter web devThen turn on reduced motion (DevTools → Rendering → Emulate CSS media feature prefers-reduced-motion: reduce) and confirm the backdrop drifts behind the landing panel.
Security review
No security-impacting changes.
🤖 Generated with Claude Code