Layout shift while rendering on hard navigation from 14.2.2 #65796
Labels
bug
Issue was opened via the bug report template.
Navigation
Related to Next.js linking (e.g., <Link>) and navigation.
Link to the code that reproduces this issue
https://github.com/navin-moorthy/next.js-layout-shift-from-14.2.2
To Reproduce
next": "14.2.2
npm run dev
/
/about
/about
You will be able to see the footer and then render the
page.tsx
contents both on HomePage and AboutPageRepeat above steps if it's not visible.
Current vs. Expected behavior
Current
next": "14.2.2
& aboveFooter will be rendered below Header and then the contents from
page.tsx
pushed down the Footer.NOTE: Also checked future versions including canary versions)
I tried best but I couldn't capture that frame in a video recording.
But here's the same version to reproduce,
2024-05-15.at.19.42.07.-.Magenta.Jaguar.mp4
Expected
next": "14.2.1
NOTE: Make sure to clear
next
folder, after changing the versionsIn this version, you don't see any layout shifts.
Footer will be rendered properly and then the contents from
page.tsx
replaced the Footer.Provide environment information
Which area(s) are affected? (Select all that apply)
Navigation
Which stage(s) are affected? (Select all that apply)
next dev (local), next build (local), next start (local), Vercel (Deployed), Other (Deployed)
Additional context
No response
The text was updated successfully, but these errors were encountered: