Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Page is jumping when scrolling #5995

Open
AndrewAntoniuk opened this issue May 4, 2023 · 9 comments · May be fixed by #6063 or #7146
Open

Page is jumping when scrolling #5995

AndrewAntoniuk opened this issue May 4, 2023 · 9 comments · May be fixed by #6063 or #7146

Comments

@AndrewAntoniuk
Copy link

AndrewAntoniuk commented May 4, 2023

Hey!

I was scrolling the page and it appeared that it was jumping all over the time.

Firstly I thought that it was related to expandable, but I found out that actually, this was due to a change of height in the iframe example

Here is the little video:

Screencast.2023-05-04.17-56-57.webm

Page it was discovered on:

https://react.dev/learn/updating-objects-in-state#copying-objects-with-the-spread-syntax

@prakhart4 prakhart4 linked a pull request May 24, 2023 that will close this issue
@StepFlow
Copy link

StepFlow commented May 24, 2023

It's really annoying thing, and makes it challenging to read docs. It's definitely related to lazy load. Here's another one screencast. Jump happens on 00:15.

Screencast.2023-05-24.12.14.18.mp4

@abdullah43577
Copy link

@AndrewAntoniuk I don't fully get what you meant by the page jumping around, I watched the video you sent but couldn't figure out where the jumping occurred.

@Andrii-Antoniuk
Copy link

@abdullah43577 it's happening at the end of the recording, the page suddenly scrolls more than it expected

@abdullah43577
Copy link

@abdullah43577 it's happening at the end of the recording, the page suddenly scrolls more than it expected

Ohh I fully understand the problem now, thanks for clarifying.
Has anyone taken a step on solving this issue.

@Andrii-Antoniuk
Copy link

There is a PR opened, but I'm not sure about the status of it

@Cmastris
Copy link

Cmastris commented May 9, 2024

Just noting that this is still an issue (in the latest version of Chrome, at least) in May 2024. Looks like the PR is still open: #6063

@afarber
Copy link

afarber commented May 11, 2024

Same with Microsoft Edge browser in May 2024. Difficult to read the docs like https://react.dev/learn/passing-data-deeply-with-context

@possionthefish1
Copy link

Having the same problem! and I thought that I was the only one lol. Chrome Version 126.0.6478.127 (Official Build) (64-bit).

ssan93 pushed a commit to ssan93/react.dev that referenced this issue Sep 7, 2024
@ssan93
Copy link

ssan93 commented Sep 15, 2024

#7146 I made a pull request fixing this behaviour.

It was due to previous iframes getting unmounted to save memory, thus making page jumps. This bug makes it very hard to keep focusing on the doc.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
9 participants