Grid: resizer/visualizer popover appears over the list view/block tools sidebars in mobile mode

[ramonjd]

Description

In narrow viewports (<782px) and when there is a grid layout in the editor canvas, and the corresponding block is selected, the grid resizer and visualizer appear over editor sidebars such as the list view and block tools.

The grid resizer and visualizer sit inside .components-popover__fallback-container, which is a popover that is outside the canvas frame.

Step-by-step reproduction instructions

1. Insert a Grid Group block into the canvas
2. Decrease the window size to < 782px so that the mobile view kicks in
3. Open the list view and select the Group block
4. Observe that the visualizer is visible

2024-07-09.11.05.48.mp4

1. Now select a grid column and initialize the resizer
2. Open the list view
3. Observe that the resizer is visible

2024-07-09.11.09.02.mp4

Screenshots, screen recording, code snippet

List view	Block tools

Environment info

• Gutenberg trunk
• WordPress 6.6 RC 2 (without Gutenberg enabled)

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