Site Editor Sidebar: Header moves when scrolling through lists in mobile layout

[t-hamano]

Description

In the mobile layout, when you scroll the list (Navigation, Pattern Category), you expect the header (site hub icon, screen title, etc.) to stay still and the description below to scroll. However, when you scroll the list, the site hub icon, screen title, etc. scroll at the same time.

This issue does not occur in WordPress 6.7.

Perhaps this issue will be resolved by #68165.

Step-by-step reproduction instructions

• Appearance > Editor > Pattern
• Scroll the pattern category list.

Screenshots, screen recording, code snippet

✅ WordPress 6.7

6.7.mp4

❌ Latest Gutenberg

trunk.mp4

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

[Mayank-Tripathi32]

I will try running git bisect to identify where the regression occurred.

[t-hamano]

Thanks for taking an interest in this issue. My guess is that #67199 might be related. You might want to check out the commits around that one.

[Mayank-Tripathi32]

Thanks for taking an interest in this issue. My guess is that #67199 might be related. You might want to check out the commits around that one.

Tried but kept running into problems with running project.

[0] [webpack-cli] Failed to load '/Users/lib/Projects/gutenberg/gutenberg/webpack.config.js' config
[0] [webpack-cli] Error: Cannot find module '@wordpress/upload-media/package.json'

Tried using npm i between each commit but didn't work.

[t-hamano]

@Mayank-Tripathi32 Try deleting the packages/upload-media directory. The presence of that directory can cause build errors when moving from a newer commit to an older one.