Huge text blocks are jumps up-down on cursor moves

[justdudeone]

Description

Hi,
When I’m editing a huge text blocks at Gutenberg editor and move cursor by keyboard forward and backward keys inside one paragraph – whole visible area is jumping all the time up and down follow the each cursor movement. When you edit huge texts it’s extremely annoying!
How to stop it? How to prevent visible area at Gutenberg editor from jumping by cursor movements?
Or this is a bug/issue?

Step-by-step reproduction instructions

1. Gutenberg.
2. Huge text block.
3. Edit text by cursor moving left-right up-down.
4. See how whole Gutenberg page is jumping!!

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure

[himanshupathak95]

Hey @justdudeone, Thanks for bringing this up.

I tried as suggested and I didn't see any unusual layout shift in the editor -

Screen.Recording.2025-01-06.at.07.45.21.mov

Maybe if you could provide a screencast of what you're experiencing, we'd be able to debug it better.

[Rishit30G]

Hey @justdudeone,

I tried to replicate your issue on my local and maybe I could identify the jump that happens on cursor movement, and yes it's happening for larger text sizes, for smaller texts it looks good to me

Please let me know if the screencast shared below is the expected problem, or is it something else that you faced 🙇🏻

I'll share my environment details as well:
WordPress: 6.7.1
Theme: TT4
Gutenberg: 20.0.0-rc.1

Thanks

Screen.Recording.2025-01-06.at.8.44.38.AM.mov

[ronakganatra9]

I am also facing the same issue.
https://www.awesomescreenshot.com/video/35240818?key=06234308be581bb93a35958e18bc14ec

[justdudeone]

Hey @himanshupathak95
You must try better!

@ronakganatra9, @Rishit30G
Yes, it is the issue!

PS All of you are trying to represent this bug on a "BIG TEXT" (huge letters, big font size), but it's even much more annoying when "big" means "very huge-mass-long text" - it's near to impossible to find the place where cursor is placed after each jump! :(
PPS Amazing that no one does not face to this problem! Seems most people because too lazy now for the long text articles and uses only simple short paragraphs. :(

[t-hamano]

Please note that the root cause is not the size of the text. This issue probably occurs when a single editable text exceeds the height of the canvas:

1455d77c3ed309b7cc9b89def8851895.mp4

[justdudeone]

@t-hamano
Yes, it is! Thanks for the most precise and neat in Japanese style video sample! 👍