Menu items cannot be selected when the overlay menu is expanded.

[torounit]

Description

In the editor, when the navigation is expanded, the navigation block cannot be selected if the focus moves to anything other than the navigation.

This is caused by useDisabled setting the inert attribute to wp-block-navigation__responsive-container is-menu-open. IMO.

Once in this state, it becomes difficult to close the overlay menu, and you can't touch the navigation unless you select the navigation block again from the list view.

It is more likely to occur when the overlay menu is set to Always, but it also occurs when the menu is set to Mobile.

Step-by-step reproduction instructions

1. Go to site editor.
2. Go to Navigation block setting.
3. Set Always to OVERLAY MENU.
4. Open overlay menu in editor.
5. Click on a non-menu item.

Screenshots, screen recording, code snippet

2023-06-08.20.25.23.mov

Environment info

• Gutenberg 16 or WordPress 6.2

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

[ghorivipul97]

Hello @torounit
assign issues to me.
I will start to work on it

[ndiego]

Hi @ghorivipul97 are you still working on this?

[annezazu]

I wasn't able to replicate this problem with RC 2. @torounit can you replicate and/or provide more information? In my case, I found that I couldn't select other blocks outside of the navigation block when the overlay was active:

Screen.Recording.2023-07-24.at.10.02.05.AM.mov

[torounit]

@annezazu
I tried a little with WP 6.3-RC2 and this issue seems to be resolved.

Perhaps it was fixed by #51378.