FSE: Block Toolbar in header obscures the content of the blocks

[mrfoxtalbot]

Steps to Reproduce

Edit a site's header using Full Site Editing

What I expected to happen

I expected to be able to edit the blocks in the site's header template part.

What actually happened

The lack of top padding in the site header template part "nudges down" the toolbar for each of the blocks, obscuring the block itself.

Context

FSE testing

Operating System

macOS

OS Version

BigSur 11.1

Browser

Chrome/Chromium

Browser Version(s)

92.0.4515.159

Is this specific to applied theme? If so, what is the theme name?

Nope

Simple/Atomic

Atomic

Console and/or error logs

No response

Number of Users Impacted

No response

Available Workarounds

You can add a temporary spacing block at the very top of the header to create extra space, but it is a bit of a hack and not something most users will come up with.

Reproducibility

Consistent

Other information

No response

[formosattic]

Thanks @mrfoxtalbot!

✅ Reproduced

[synora]

Also reported in p7DVsv-cAa-p2#comment-37499

[jeyip]

Just to clarify, I could only see the "nudging" behavior when navigating to header template part editing through the ellipses menu.

[creativecoder]

I wonder if we could apply the same logic we use in the Site Editor to move the block toolbar below the block when there's not enough room on the screen.

Site Editor	Isolated Template Part

See WordPress/gutenberg#33981

This should be fixed in Gutenberg, as it's not specific to WP.com.

[jeyip]

A few interesting observations I noted:

• I only see the nudging on initial load of the isolated template part view when navigating from the show template part details ellipses menu. If the isolated editor is resized or if the page is refreshed, the block toolbar renders as expected.
• The nudging only happens on initial load if the viewport width is narrow enough.

[Addison-Stavlo]

related - WordPress/gutenberg#36977 - the bottom positioning can obscure children blocks in popovers/dropdown as is the case when triggered with the navigation block.

[Addison-Stavlo]

I believe this issue was resolved in core Gutenberg recently - WordPress/gutenberg#36977 - closing the issue for now, but if you continue to experience this please feel free to reopen.