Site Editor: Navigation block items window modal goes out of screen when both the List View & Block Inspector sidebar are active or inactive

[franzaurus]

Description

When trying to add menu items under the navigation block, the block items modal appears in half or completely goes out of screen when both the List View and the Blocks Inspector are toggled ON/OFF.

First reported on trac https://core.trac.wordpress.org/ticket/57694

It seems this is a core-specific issue, the problem does not affect the Gutenberg 15.1 plugin.

Step-by-step reproduction instructions

1. Activate TT3 or other block theme
2. Go to its header
3. Edit the Navigation block via the Editor
4. Toggle both the List View and the Block Inspector ON/OFF
5. Add menu items
6. Notice the blocks window modal appears in half or even goes out of the screen.

Screenshots, screen recording, code snippet

Environment info

WP 6.2 beta 1, Firefox 109.0.1, Windows 11, TT3 & Powder themes.

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

[tomdevisser]

I can't reproduce this issue in Gutenberg, probably because of the updates in the Navigation Block that seem to have replaced the Add Block pop-up with a new Add Link design. Does that mean this issue belongs to the WordPress/wordpress-develop repo?

[annezazu]

@getdave & @scruffian tagging for you all!

[scruffian]

I think this is fixed by #48195

[getdave]

I can't replicate this on TT3 on WP 6.2 Beta 2.

@franzaurus Are you still able to replicate this? Are there any more specific conditions that trigger it. I tried everything I could think of 🙏

[franzaurus]

@getdave Unfortunately I'm still able to reproduce the issue on 6.2 Beta 2. I found that clicking the Navigation block or Social icons after adding items will trigger the popover cut off.

Adding navigation links item

Adding social icons item

[annezazu]

Similar to #48148, I wonder if there's something again related to pop overs here: #48140 and #47923.

[t-hamano]

I have tested again with WordPress Beta 3.

WordPress 6.2-beta3-55401 without Gutenberg enabled (Reproduced)

2298ba3cd2a1fcfce6e9a3e12ab2900f.mp4

---

WordPress 6.2-beta3-55401 with Gutenberg enabled (Not reproduced)

1eb532fcf47882b9a57211364cfcd450.mp4

[ntsekouras]

Related: #48398

[ntsekouras]

This seems to be a similar issue with dependencies resolution in core, as we had with valtio.

[carolinan]

I am also able to reproduce this in 6.2-beta3-55409 without Gutenberg active.

[getdave]

@ntsekouras Can I clarify. Do you believe this is a dependency related issue rather than, say, a Issue relating specifically to the Navigation block (or its List Viww editing feature)?

[ntsekouras]

@ntsekouras Can I clarify. Do you believe this is a dependency related issue rather than, say, a Issue relating specifically to the Navigation block (or its List Viww editing feature)?

Yes, it related to floating-ui version and therefore affects Popover in general. By pinning the version, this should be resolved for beta 4.