Custom Post Types with no title support have their first paragraph control bar cut off.

[garretthyder]

Describe the bug
If you setup a custom post type with no title support and edit a post of this type in Gutenberg (WP trunk) the first paragaphs control bar is cut off;

To reproduce
Steps to reproduce the behavior:

1. Install WP trunk.
2. Update the functions.php to add a CPT with no title support;

$labels = array(
	'name'               => _x( 'Social posts', 'post type general name', 'text-domain' ),
	'singular_name'      => _x( 'Social post', 'post type singular name', 'text-domain' ),
	'menu_name'          => _x( 'Social posts', 'admin menu', 'text-domain' ),
	'name_admin_bar'     => _x( 'Social post', 'add new on admin bar', 'text-domain' ),
	'add_new'            => _x( 'Add New', 'social-post', 'text-domain' ),
	'add_new_item'       => __( 'Add New Social post', 'text-domain' ),
	'new_item'           => __( 'New Social post', 'text-domain' ),
	'edit_item'          => __( 'Edit Social post', 'text-domain' ),
	'view_item'          => __( 'View Social post', 'text-domain' ),
	'all_items'          => __( 'All Social posts', 'text-domain' ),
	'search_items'       => __( 'Search Social posts', 'text-domain' ),
	'parent_item_colon'  => __( 'Parent Social posts:', 'text-domain' ),
	'not_found'          => __( 'No social-posts found.', 'text-domain' ),
	'not_found_in_trash' => __( 'No social-posts found in Trash.', 'text-domain' )
);
$args = array(
	'labels'             => $labels,
	'description'        => __( 'Description.', 'text-domain' ),
	'public'             => true,
	'publicly_queryable' => true,
	'show_ui'            => true,
	'show_in_menu'       => true,
	'query_var'          => true,
	'rewrite'            => array( 'slug' => 'social-post' ),
	'capability_type'    => 'post',
	'has_archive'        => true,
	'hierarchical'       => false,
	'menu_position'      => 10,
	'menu_icon'          => 'dashicons-id',
	'delete_with_user'   => true,
	'can_export'         => true,
	'show_in_rest'       => true,
	'supports'           => array( 'editor' )
);
register_post_type( 'social-post', $args );

2. Login to WordPress
3. Edit a post of the new type.
4. Go to enter a first paragraph and see the control bar is cut off.

Expected behavior
The control bar should either have a higher z-index or we need to give some space at the top of the editor when there's no title element.

Screenshots

Version:

• WordPress Trunk (pre-5.6 beta)

Desktop:
OS: Mac 10.15.7
Browser: Chrome 86.0.4240.75

[skorasaurus]

Thanks for the clear report with screenshots and the code to reproduce.

Reproducible in Gutenberg 8.9.2 through Gutenberg 10.1.2

[jeremyfelt]

I see the same thing in Gutenberg 10.0.2 (WP 5.6.2) with the Twenty Twenty One theme.

Desktop, MacOS 11.2, Brave 1.20.110

[skorasaurus]

I'm no longer able to reproduce this using the Gutenberg 12.3.1 plugin; I think it's been fixed in #33981

The menu isn't ideal as indicated in the image -

but it's no longer cut off. Please reopen if you are still experiencing this issue.