[Bug]: Submenus are shown outside of screen - Nav Unification #71198
Labels
[Feature] Calypso & wp-admin Navigation
All navigation in Calypso and wp-admin, and the unified transitions between the two.
Needs triage
Ticket needs to be triaged
[Platform] Atomic
[Pri] BLOCKER
[Type] Bug
Quick summary
When you're on a wp-admin page (ie wp-admin/site-health.php) and hovering over a menu item that is close to the bottom of the screen, it gets positioned outside of the screen
If you try to access a menu item of that menu, at some point, it causes an endless flickering
Monosnap.screencast.2022-12-14.13-22-18.mp4
Steps to reproduce
What you expected to happen
What actually happened
Browser
Google Chrome/Chromium, Mozilla Firefox
Context
No response
Platform (Simple, Atomic, or both?)
Atomic
Other notes
After some digging, I found out that due to Nav Unification, the native WordPress
#wp-admin-bar-menu-toggle
is not added to the admin bar.https://github.com/WordPress/WordPress/blob/master/wp-admin/js/common.js#L941 relies on
#wp-admin-bar-menu-toggle
to be present (and hidden) in order to calculate themargin-top
of the submenu.As discussed in slack with @mmtr , this is caused because https://github.com/Automattic/jetpack/blob/fc10b4ff5e8e9b3d566618124502d2166b6b1e99/projects/plugins/jetpack/modules/masterbar/admin-menu/admin-menu.js is missing this calculation
Quoting @mmtr conversation from Slack
I've added this issue as a Blocker Priority, as it blocks @Automattic/somewherewarm from releasing peapX7-Um-p2#comment-1029
cc @manospsyx @xristos3490
Reproducibility
Consistent
Severity
All
Available workarounds?
None
Workaround details
No response
The text was updated successfully, but these errors were encountered: