search

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.49k stars 4.19k forks source link

Editing Navigation shows small sub menu area #66582

Open paaljoachim opened 3 days ago

paaljoachim commented 3 days ago

Description

I am seeing very little of the submenu and need to scroll. Image

Associated issue: https://github.com/WordPress/gutenberg/issues/65195

Step-by-step reproduction instructions

  1. Site Editor: Edit a navigation with a submenu.
  2. Click to edit the submenu.
  3. How much of the submenu is visible?

Screenshots, screen recording, code snippet

.

Environment info

WordPress 6.6.2 Gutenberg plugin: 19.5.0 WooCommerce plugin: 9.3.3

Please confirm that you have searched existing issues in the repo.

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Please confirm which theme type you used for testing.

t-hamano commented 2 days ago

Thanks for the report.

You're probably inserting a Navigation block inside a pattern, right? Here's a video showing the steps I took to reproduce it:

https://github.com/user-attachments/assets/c7d80fa9-4a3c-4f46-808c-eeb2cb76a7fb

Pattern editors, i.e. resizable editors, change height depending on their content. But navigation menus can have absolutely positioned submenus, which I think is not taken into account when determining the editor height.

I definitely think the current editing UX is not ideal.

paaljoachim commented 2 days ago

Thank you for making the video Aki. It is very appreciated!

You're probably inserting a Navigation block inside a pattern, right?

Yes. I was editing the header pattern (see header title) and noticed the problem with editing the submenu.