URL modal is not positioned inside the Gutenberg container on lower screen sizes

[BogdanUngureanu]

Description

On lower screen size, when trying to add an URL using the URL icon, the modal goes outside of the Gutenberg container in Appearance > Widgets.

Step-by-step reproduction instructions

1. Go to WP-Admin > Appearance > Widgets
2. Resize the browser to a lower width
3. Add a new paragraph with a small text
4. Click to add an URL to it.
5. Notice that the URL modal is outside of Gutenberg container, and is partially displayed because of the navigation (both in Wordpress Core and Nav-unification)

Screenshots, screen recording, code snippet

Screen.Capture.on.2021-11-15.at.12-36-45.mp4

Expanded	Collapsed

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[noisysocks]

I'm not currently seeing this behaviour. Running latest WP + Gutenberg. Please re-open if I'm mistaken.

[BogdanUngureanu]

Hi @noisysocks, thanks for looking, I just tested it again on an Atomic site with nav-unification enabled, with Core navigation and it's still reproducing.

To give you more info, I'm using Chrome 98 and the browser width was 990px, maybe this would help you to reproduce it.

Also, I don't think I have permissions to re-open the issue.

[noisysocks]

Thanks for confirming. Adding Needs Testing so that somebody who can reproduce this can investigate what's going on.

[BogdanUngureanu]

Thanks @noisysocks for reopening it. Is there anything I can do to help you with that?

[noisysocks]

To give you more info, I'm using Chrome 98 and the browser width was 990px, maybe this would help you to reproduce it.

Oh, I missed this, thanks for this extra info! I can indeed reproduce the issue if I set my viewport width to 990px. There must be a breakpoint issue with the URL inserter.