Popover is positioned under the admin menu when not using full screen mode

[jonkastonka]

When, for example, adding a link in Gutenberg, and not having full screen mode active, the popover is positioned under the admin menu.

[jonkastonka]

Showing the problem

[jonkastonka]

Suggested fix UI

[costdev]

Testing Instructions

These steps define how to reproduce the issue, and indicate the expected behavior.

Steps to Reproduce

1. Navigate to Posts > Add New.
2. Disable fullscreen mode from the ellipsis menu.
3. Resize the screen to about 1200px width.
4. Ensure that the admin menu is expanded (use the arrow icon at the bottom to expand it).
5. 🐞 Insert some text, select it, and click to make it a link.

Expected Results

When testing a patch to validate it works as expected:

• ✅ The link popover should not extend outside of its container.

When reproducing a bug:

• ❌ The link popover should extend outside of its container.

Test Report Icons:
🐞 <= Indicates where issue ("bug") occurs.
✅ <= Behavior is expected.
❌ <= Behavior is NOT expected.

[costdev]

Reproduction Report

This report validates that the issue can be reproduced.

Environment

• Server: Apache (Linux)
• WordPress: 6.1-beta1-54282-src
• Browser: Chrome 105.0.0.0
• OS: Windows 10
• Theme: Twenty Twenty-Two
• Plugins: None activated

Actual Results

• ✅ The link popover should extend outside of its container. Issue reproduced.

[sabernhardt]

Thanks for the report!

This seems to be the same issue as ​GB38723.

If you would like to add anything to the discussion, please comment there.