Closed navin-moorthy closed 1 day ago
Here's an update on reproduction in my local,
https://github.com/vercel/next.js/assets/39694575/1d12dc16-c6e5-4ae2-b61a-888b2de67375
At 0:08, That specific frame where we get the empty page,
https://github.com/vercel/next.js/assets/39694575/45ea50e9-57e8-4c24-ab9e-ab6ab2a5ffbf
Fixed in https://github.com/vercel/next.js/releases/tag/v14.2.4. Thanks 🎉
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,
https://github.com/vercel/next.js/assets/39694575/45e7223e-8c8f-407c-8619-0196c35f96e2
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