react.dev
react.dev copied to clipboard
reactjs
Page is jumping when scrolling
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
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.
https://github.com/reactjs/react.dev/assets/17608070/9fa589b5-9d56-4644-92cf-219e75dffe23
@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.
@abdullah43577 it's happening at the end of the recording, the page suddenly scrolls more than it expected
@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.
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: https://github.com/reactjs/react.dev/pull/6063
Same with Microsoft Edge browser in May 2024. Difficult to read the docs like https://react.dev/learn/passing-data-deeply-with-context
Having the same problem! and I thought that I was the only one lol. Chrome Version 126.0.6478.127 (Official Build) (64-bit).
