Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
ramonjd opened this issue Jul 9, 2024 · 0 comments · Fixed by #63920
Assignees
Labels
[Feature] Layout Layout block support, its UI controls, and style output. [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended

Comments

@ramonjd
Copy link
Member

ramonjd commented Jul 9, 2024

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

@ramonjd ramonjd added [Type] Bug An existing feature does not function as intended [Feature] Layout Layout block support, its UI controls, and style output. labels Jul 9, 2024
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Jul 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Layout Layout block support, its UI controls, and style output. [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants