search

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.52k stars 4.21k forks source link

List view: Horizontal scrollbar in site editor #65696

Open jameskoster opened 1 month ago

jameskoster commented 1 month ago

https://github.com/user-attachments/assets/f9305ded-17d9-47c8-b9d7-9bce9d40d85f

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

To replicate

t-hamano commented 1 month ago

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:

no-elipsis

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

image

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:

image

cc @youknowriad

t-hamano commented 1 month ago

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 commented 1 month ago

Thanks for the sleuthing!