next.js icon indicating copy to clipboard operation
next.js copied to clipboard

Old Content Persists After Navigation in Next.js on Chrome

Open johackim opened this issue 1 year ago • 3 comments

Link to the code that reproduces this issue

https://github.com/johackim/my-minimal-nextjs-issue-reproduction/

To Reproduce

  1. git clone https://github.com/johackim/my-minimal-nextjs-issue-reproduction/
  2. yarn
  3. npm run dev
  4. Go to http://localhost:3000
  5. Click on the "Go to test page" link at the bottom of the homepage
  6. Scroll down

Current vs. Expected behavior

Old page content remains visible below new page after navigation in next.js on Chrome/Chromium :

https://github.com/user-attachments/assets/971bba77-c449-42e0-b701-aa0fed70e291

Provide environment information

Operating System:
  Platform: linux
  Arch: x64
  Version: #1 SMP PREEMPT_DYNAMIC Thu, 10 Oct 2024 20:11:06 +0000
  Available memory (MB): 7943
  Available CPU cores: 4
Binaries:
  Node: 20.13.1
  npm: 10.5.2
  Yarn: 1.22.22
  pnpm: N/A
Relevant Packages:
  next: 15.0.0 // Latest available version is detected (15.0.0).
  eslint-config-next: N/A
  react: 18.3.1
  react-dom: 18.3.1
  typescript: N/A
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Not sure

Which stage(s) are affected? (Select all that apply)

next dev (local), next build (local), next start (local)

Additional context

No response

johackim avatar Oct 22 '24 23:10 johackim

Hi, I'm unable to reproduce this on Chrome version 130.0.6723.59. Can you share a bit more information about what version of Chrome you're using? Could you also ensure that you don't have any extensions enabled or experimental Chrome features?

ztanner avatar Oct 23 '24 16:10 ztanner

Hello @ztanner, thanks for your answer.

My version of chrome is 130.0.6723.58.

I have nothing but a fresh setup of Chrome:

google-chrome-stable --user-data-dir=/tmp/chrome

Actually, it seems to work with the new version 130.0.6723.69. Maybe a Chrome bug.

johackim avatar Oct 23 '24 17:10 johackim

I have this same issue in Chrome and with Edge too, seems to happen only when I use the Link component, I'm on the bottom of the page, and the page is considerably longer than the page I'm navigating to... the bug behaviour it's pretty consistent even in a fresh Next app

Edit: After update Chrome to 130.0.6723.70 seems to work fine, bug is persistent in Edge 130.0.2849.52 thought

HelloImGabriel avatar Oct 23 '24 19:10 HelloImGabriel

The problem seems to be resolved in the new version of Chrome

johackim avatar Dec 10 '24 20:12 johackim

This closed issue has been automatically locked because it had no new activity for 2 weeks. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.

github-actions[bot] avatar Dec 25 '24 00:12 github-actions[bot]