o.querySelector(...) is null in /blocks/navigation/view.min.js

[bugnumber9]

Description

I added the search block to a separate navigation in the header as shown below in order to open the search modal on click.

It works as expected, however when the menu button is clicked and search modal opens - a JS error is thrown in the console:

This happens with the default Twenty Twenty-Four theme and no active plugins.

Step-by-step reproduction instructions

1. Add navigation to the default header in Twenty Twenty-Four theme.
2. Add search block to the navigation as shown on the first screenshot.
3. Click the menu button on the frontend to open the search modal.
4. Check browser console.

Screenshots, screen recording, code snippet

No response

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