Description

I happened to have a custom post type whose singular name surfaces an issue with horizontal overflow in the Tabs component.

The particular text string is not important and probably dependent on OS/font settings for it to surface the issue. In my case it was hard to find other strings that reproduce this and maybe there’s a better way to surface this.

This isn’t reproducable in 6.6.1 but I haven’t tested 6.6.2 or others.

Step-by-step reproduction instructions

This probably can be hard to reproduce the best shot will be on macOS since that’s where I found it.

With the following code in an active plugin; appending it in gutenberg.php works well.

function revise_singular_name( $labels ) {
  $labels->singular_name = 'Term Set';
  return $labels;
}

add_filter( 'post_type_labels_post', 'revise_singular_name', 10, 1 );

1. Open a post
2. Open the settings sidebar if needed
3. Select the "Block" tab
4. Spot the horizontal scrollbar/overflow

Screenshots, screen recording, code snippet

No response

Environment info

• Gutenberg trunk
• macOS 13.6.9
• Vivaldi (Chrome-based browser)

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