Block toolbar is cropped when the block is toward the right side of the screen

[jasmussen]

Is there an existing issue for this?

• I have searched the existing issues

Have you tried deactivating all plugins except Gutenberg?

• I have tested with all plugins deactivated.

Have you tried replicating the bug using a default theme e.g. Twenty Twenty?

• I have tested with a default theme.

Description

The block toolbar should be able to bump against screen edges to never be cropped like it is if you insert a block inside a right-most column:

This used to work, but appears to have regressed at some point.

Step-by-step reproduction instructions

1. Insert a columns block.
2. Insert a block with a wide toolbar inside the right most column, and select it.
3. Narrow the viewport so the toolbar gets cropped.

Expected Behavior

The block toolbar should never be cropped, and should bump against screen edges, and in this case be pushed leftwards by the right screen edge.

Current Behavior

It's cropped.

Screenshots or screen recording (optional)

No response

Code snippet (optional)

No response

WordPress Information

No response

Gutenberg Information

No response

What browsers are you seeing the problem on?

No response

Device Information

No response

Operating System Information

No response

[jasmussen]

I could swear this used to work. @ellatrix do you recall?

[annezazu]

Wondering if this might be related to this phenomenon too: #30398

[jasmussen]

Yes, that appears related. The block toolbar should always bump against screen edges.

[ellatrix]

I could swear this used to work. @ellatrix do you recall?

Yes, we fixed this in the G2 PR #19344. That's what the __unstableBoundaryParent is for. Must have regressed somewhere. I can have a look.

[jasmussen]

❤️