On the https://nuxt.com/ homepage, the page shifts horizontally when certain animations/components load.
This becomes noticeable around or after the section:
“Deploy anywhere
Deploy with one command. SSR, static, or edge — Nuxt adapts to your platform.”
Before reaching that section, the page appears to overflow horizontally. Then, once the animations/components initialize, the layout shifts.
It looks like a carousel/slider or animated element may temporarily affect the page width during initialization.
Reproduction
- Open https://nuxt.com/
- Observe the page width/layout during initial load
- Scroll toward the “Deploy anywhere” section
- Notice a horizontal layout shift/overflow occurs as animations/components initialize
Expected behavior
The page should not overflow horizontally or shift layout during animation/component initialization.
Environment
Additional context
I recorded a video demonstrating the issue, but GitHub upload is currently failing for me at the time of issue submission, so I’m unable to attach it here.
On the https://nuxt.com/ homepage, the page shifts horizontally when certain animations/components load.
This becomes noticeable around or after the section:
Before reaching that section, the page appears to overflow horizontally. Then, once the animations/components initialize, the layout shifts.
It looks like a carousel/slider or animated element may temporarily affect the page width during initialization.
Reproduction
Expected behavior
The page should not overflow horizontally or shift layout during animation/component initialization.
Environment
Additional context
I recorded a video demonstrating the issue, but GitHub upload is currently failing for me at the time of issue submission, so I’m unable to attach it here.