Document Overview overflowing

[cawa-93]

Description

When Document Overview has 7 or more nesting levels, viewing tree starts overflow panel.

Since whole panel have overflow-x: hidden there impossible to reach to any dropdown menu on any block

Simple solution

.edit-post-editor__list-view-panel-content {
- overflow-x: hidden;
+ overflow-x: auto;
}

Step-by-step reproduction instructions

Create document with many nested layers with long blocks names

Screenshots, screen recording, code snippet

No response

Environment info

• WordPress 6.2

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

[talldan]

Thanks for reporting and working on this. There are some related PRs:

• List View: Fix the width of the list view to 350px
• List View: Reduce spacing for each nesting level, and between block icon and block title

It might be good to coordinate efforts between you and the other contributors (@andrewserong @scruffian)

[andrewserong]

Thanks for writing up the issue and working on a fix @cawa-93! I'll give your PR a review today.

This idea for a fix sounds consistent with the other two PRs that Dan linked to above, as you're looking at fixing up the scrolling behaviour for the post editor, where #49508 looks at the site editor, and #49600 is looking at overall spacing for nesting levels.