List view: Horizontal scrollbar in site editor

[jameskoster]

scroll.mp4

Looks like it might be caused by template part blocks, but I'm not sure.

To replicate

• Edit a page in the Site Editor
• Ensure 'Show template' option is enabled
• Switch to Design mode (if not already)
• Open List view
• Observe horizontal scrollbar

[t-hamano]

I have identified this issue as occurring in #65485.

When editing a page in the site editor, the ellipsis button is not displayed and the cell (.block-editor-list-view-block__menu-cell) width is 24px:

If there is an ellipsis button, the cell width will be 28px, which is the expected width:

This 4px difference is what is causing the overflow.

This issue can be fixed with CSS, but I'm not sure if not displaying the ellipsis button in the first place is correct behavior.

Before #65485, it was displayed as follows:

cc @youknowriad

[t-hamano]

#65485 will not ship in WP6.7, which means this issue should not occur in WP 6.7, so I will remove it from the project board.

[jameskoster]

Thanks for the sleuthing!