Page is jumping when scrolling

[AndrewAntoniuk]

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

[StepFlow]

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]

@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]

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

[abdullah43577]

@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]

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

[Cmastris]

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]

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

[possionthefish1]

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]

#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.