Description#
On mobile browsers, the background visibly flashes/resizes when scrolling.
This happens as the browser address bar hides and shows, causing the viewport height to change.
Likely related to vh units or a full-height background resizing on viewport changes.
Steps to reproduce#
- Open the site on mobile (Safari or Chrome).
- Scroll down so the address bar hides.
- Scroll up so it reappears.
- Observe background flash/jump.
Expected behavior#
Background should remain visually stable during scroll, without flashing or resizing artifacts.
Notes#
Investigate use of vh vs dvh/svh, fixed innerHeight sizing, or alternative background sizing strategy.