[WP 6.1] Navigation overlay menu does not open

[mikachan]

Description

When Gutenberg is not active, the overlay menu does not open when you click the 'Open menu' button.

When Gutenberg is active, the overlay menu opens successfully.

This was mentioned in the TT3 repo here: WordPress/twentytwentythree#214

Step-by-step reproduction instructions

1. Activate a theme that uses the overlay menu (e.g. Twenty Twenty-Three)
2. Deactivate the Gutenberg plugin
3. View the front end at a small resolution
4. Attempt to open the overlay menu by clicking the 'Open menu' button

Screenshots, screen recording, code snippet

No response

Environment info

WordPress 6.1 Beta 2
Gutenberg not active

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

[ndiego]

I have confirmed this.

[cbravobernal]

Changing the order of viewScript files loaded in array in the blocks-json.php files to "viewScript": ["file:./view-modal.min.js" , "file:./view.min.js" ] seems to do the trick. Otherwise, view-modal.js is not being loaded on the site.

@aristath worked on allowing multiple files on this field, could you please provide any feedback about why this could happen?

[aristath]

Where was this backported to Core? 👀 Maybe something was missed there?

[cbravobernal]

It seems that it was backported here: WordPress/wordpress-develop#3108
Edit: although we have an array with navigation-view-js and navigation-view-js-2 on the settings part. We are not loading both scripts on the Site. Taking a look at it 👀

[aristath]

Patch on WordPress/wordpress-develop#3395

[glendaviesnz]

Tested latest trunk from wordpress-develop and this is fixed by WordPress/wordpress-develop#3395