Toolbar overflows viewport on small right aligned images

[Azragh]

Description

Toolbar overflows viewport on small right aligned images. Not much more to say here.

Step-by-step reproduction instructions

Create an image block, choose alignright and resize it to 150px or so. In Twenty Twenty-One you maybe have to resize the browser a little bit to see this behaviour.

Screenshots

WordPress information

• WordPress version: 5.7.2
• Gutenberg version: 10.7.1

Only Gutenberg active with Twenty Twenty-One

Device information

• Device: Desktop
• Operating system: Windows
• Browser: Chrome

[inaikem]

Replicated while scrubbing a related bug elsewhere. Please note that the issue is present in many, if not all instances where the toolbar appears over an element towards the right of the main editor window.

This example shows a toolbar appearing over an image block in the right-most column of a column block:

[talldan]

This was flagged on the forums, and when testing it definitely seems to happen, especially in a right-hand column:

Feels like a possible regression and a definite usability issue. Raising the priority.

[antonyjsmith]

Thanks @talldan. To clarify, this has been around for some time, it's not emerged with 5.8. I'd just wearily come to accept it, however it's getting increasingly worse as the popover continues to grow.

[youknowriad]

I do recall that we fixed this in the past with some popover shifting behavior, it might have regressed cc @ellatrix