Directory

Multi-level Navigation menu breaks the layout of screen · Issue #48987 · WordPress/gutenberg · GitHub
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.

Sign up for GitHub

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

Jump to bottom

Multi-level Navigation menu breaks the layout of screen #48987

Open
kishanjasani opened this issue Mar 10, 2023 · 3 comments
Open

Multi-level Navigation menu breaks the layout of screen #48987

kishanjasani opened this issue Mar 10, 2023 · 3 comments
Labels
[Block] Navigation Affects the Navigation Block Needs Design Feedback Needs general design feedback. [Type] Bug An existing feature does not function as intended

Comments

@kishanjasani
Copy link
Contributor

Description

Navigation Block: Block breaks the screen when someone adds multilevel navigation to the end of the screen.

See the below video for more information.

Step-by-step reproduction instructions

  1. Go to the header template.
  2. Add Navigation Block
  3. Add some nested navigation items( 2-3 level nesting ) on the right side( At the end of the screen ).
  4. Horizontal scrollbar will be visible.

Screenshots, screen recording, code snippet

Video: https://www.loom.com/share/1ae756ec792e4f8d97d24431c25181c4

Environment info

WordPress Vesion: 6.1.1
Gutenberg Version: Trunk branch
Active theme: Twenty Twenty Three

Browser: Chrome
OS: Macbook ( Ventura )

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
@kathrynwp kathrynwp added [Block] Navigation Affects the Navigation Block [Type] Enhancement A suggestion for improvement. Needs Design Feedback Needs general design feedback. labels Mar 13, 2023
@kathrynwp
Copy link

Thanks for the report, @kishanjasani. I think this is a common issue in LTR languages when sub-menu items open out to the right, rather than to the left. It was the same in classic themes. I'm flagging this for design feedback.

@annezazu
Copy link
Contributor

Flagging for @getdave 's awareness as part of broader navigation efforts.

@getdave getdave added [Type] Bug An existing feature does not function as intended and removed [Type] Enhancement A suggestion for improvement. labels Mar 15, 2023
@getdave
Copy link
Contributor

getdave commented Mar 15, 2023

This is noted. We'll need JavaScript to solve this issue. It's probably going to become more of a priority once we start to explore mega menus.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Block] Navigation Affects the Navigation Block Needs Design Feedback Needs general design feedback. [Type] Bug An existing feature does not function as intended
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@getdave @kathrynwp @kishanjasani @annezazu