Cutoff when Adding Menu on Navigation block with "always" Overlay Menu

[edwinho89]

Quick summary

With "Always" setting on overlay menu under navigation block, the popup to insert link is hidden or cutoff to the left.

• 5369973-zd-woothemes

Steps to reproduce

1. On Site Editor or Page, add a navigation block
2. Set "Overlay menu" on navigation block as "always"
3. Click on the hamburger icon on navigation block to view menu
4. Click 'plus' icon to insert new menu item

What you expected to happen

Behaviour would be similar when adding a new menu item without overlay menu option

What actually happened

Result:

With list view expanded:

Context

Also a separate issue: Expanding list view on page covers the overlay menu items on navigation

Gif: https://d.pr/i/vO4bpe

Simple, Atomic or both?

Simple, Atomic

Theme-specific issue?

No response

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

No response

Available workarounds?

Yes, easy to implement

Workaround details

Switch overlay setting on navigation block to "mobile" or "off".

[Robertght]

📌 HOUSEKEEPING

• Labels ✅
• Priority ✅
• Replicable on Core - Yes

📌 SCRUBBING

• Tested on P2 ✅
• Tested on Simple ✅
• Tested on AT ✅
• Tested on Self-hosted ✅

📌 FINDINGS/SCREENSHOTS/VIDEO

• I noticed a general inconsistency with this and other blocks as well. Seems to be an issue with other blocks as well but it's edge cases.

@annezazu do you know if this would fall into any ongoing PRs?

📌 ACTIONS

• On-hold for now

📌 Message to Author

• For the other issue could you open another report @edwinho89 ?

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 5369973-zen

[edwinho89]

• For the other issue could you open another report @edwinho89 ?

Created #65667 !

[annezazu]

@annezazu do you know if this would fall into any ongoing PRs?

@Robertght thanks for tagging me in 🤠 I think this most closely overlaps (get it) with this issue: WordPress/gutenberg#40382 and this work in progress PR: WordPress/gutenberg#40625