Description

On mobile screens, the Quick Inserter includes a Browse All button, which is expected to display all available blocks and patterns. However, when this button is pressed, nothing is displayed.

The issue arises because the Quick Inserter opens in a full-screen dialog on mobile. If the sidebar Inserter is opened simultaneously, it remains hidden behind the full-screen dialog, preventing users from accessing it until the Quick Inserter is closed.

The expected behavior on mobile devices should be as follows: when the Browse All button is clicked, the Quick Inserter should close, and the sidebar Inserter should open, providing an intuitive and seamless user experience. This adjustment ensures that users receive immediate feedback and access to the sidebar Inserter content on mobile devices.

Step-by-step reproduction instructions

1. On a mobile screen, navigate to editing a post.
2. Try pressing the Plus (+) button inline with the block. It should open a full-screen dialog with a Browse All button at the bottom.
3. Try pressing the Browse All Button, and observe nothing happens.

Screenshots, screen recording, code snippet

Environment info

• WordPress Version: 6.7.1
• Gutenberg Plugin Version: 19.7.0-rc.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

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure