Fix scrolling in Block Editor "Editor Content" inside "Group Block"

[ritterml]

When I am navigating with my up/down keyboard buttons inside a Group Block in the Block Editor "Editor Content" does not scroll until I scroll below the Group Block.

[shibleemehdi]

It would be better if a video is attached to show the issue.

[praveenkum1102]

Hey,
I tried to reproduce this issue, and here is my test report:

Environment:
WordPress: 6.5.3 | 6.4
PHP: 8.1
Browser: Chrome 125
OS: macOS

Theme: Twenty Twenty-Four

Expected Result due to Bug: The editor content does not scroll when navigating with up/down arrow keys inside the Group Block. Scrolling only resumes when you navigate to blocks outside (below) the Group Block.

Actual Result: In my testing, I found that when in edit mode (with the cursor blinking), the auto-scroll works flawlessly for all blocks, including the group block. However, when in block mode (pressing escape), the auto-scroll does not work for any block - when navigating using the up/down keys.

Steps Used for Testing:

1. Log In & Navigate: Log in to WordPress and open the post editor.
2. Add Group Block: Insert a Group Block.
3. Add Content Inside Group Block: Add multiple blocks inside the Group Block until it's scrollable.
4. Add More Content Below Group Block: Add additional blocks below the Group Block.
5. Navigate with Keyboard: Use up/down arrow keys to navigate blocks within the Group Block.

Video:
​https://www.dropbox.com/scl/fi/qi0g863f30ddirq0usqwz/2024-05-27-17-32-23.mp4?rlkey=qjab0wc4d4nrycxhwiih4z1ce&st=0r5glnhw&dl=0

[r1k0]

Reproduction Report

Environment

• WordPress: 6.9
• PHP: 8.4.17
• Server: PHP.wasm
• Database: WP_SQLite_Driver (Server: 8.0.38 / Client: 3.51.0)
• Browser: Chrome 144.0.0.0
• OS: Windows 10/11
• Theme: Twenty Twenty-Five 1.4
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.1

Steps taken

1. Create a post and add a group block with several paragraph blocks inside it.
2. Also, add a couple of blocks outside the group block.
3. While at the top of the page, place the caret in one of the paragraphs inside the group block.
4. Use your keyboard's down keys to move toward the bottom of the page.
5. Observe the behavior.
6. ❌ Bug is not occurring

Expected behavior

• The page scrolls down as the caret moves to the bottom of the editor.

Additional Notes

• This appears to be an editor writing-flow issue where caret movement via keyboard does not trigger editor canvas scrolling when focus is inside a Group block.
• This seems to have been fixed in Gutenberg.

Screenshots/Screencast with results

• ​https://files.catbox.moe/zzit7r.webm