Skip to content

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

@jasmussen

Description

@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:

Screenshot 2021-08-12 at 22 46 26

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

Metadata

Metadata

Assignees

Labels

[Status] In ProgressTracking issues with work in progress[Type] BugAn existing feature does not function as intended[Type] RegressionRelated to a regression in the latest release

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions