Next.js Discord

Discord Forum

scroll={true} not sending back to top

Unanswered
Orinoco Crocodile posted this in #help-forum
Open in Discord
Orinoco CrocodileOP
I have an issue with a component that is supposed to open an article page. Even with scroll={true} in the <Link>, the page does not scroll to the top when it opens.

I have both a loading.tsx and a page.tsx. The loading.tsx skeleton opens at the top of the page, but when transitioning to page.tsx, it lands in the middle of the page.

I tried to replace the whole content of the page.tsx with just lorem ipsum and no CSS, and got the same result.

Do you know what could be the issue ? Is it because scroll={true} only applies to the loading.tsx and completly ignore the page.tsx then ?

2 Replies

Orinoco CrocodileOP
After some tests I can confirm the issue comes from the transition between loading.tsx and page.tsx

The scroll={true} only applies to the loading. If we delete loading.tsx the scroll={true} will work on the page.tsx

How can this be solved ?
This is exactly same problem I'm facing right now. I would like to know if there's any solution for this.