[wp-trac] [WordPress Trac] #32747: WP Admin Menus/SubMenus Overlap in small screen

[WordPress Trac]

#32747: WP Admin Menus/SubMenus Overlap in small screen
-------------------------------------+-------------------------------------
 Reporter:  turtlepod                |       Owner:  (none)
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:  6.1
Component:  Administration           |     Version:  4.2.2
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch changes-       |     Focuses:  ui, accessibility,
  requested has-testing-info         |  javascript
-------------------------------------+-------------------------------------
Changes (by ironprogrammer):

 * keywords:  has-patch changes-requested => has-patch changes-requested
     has-testing-info


Comment:

 == Test Report

 Patch tested: https://github.com/WordPress/wordpress-
 develop/pull/2455.diff

 === Environment
 - Hardware: MacBook Pro Apple M1 Pro
 - OS: macOS 12.6
 - Browser: Safari 16.0, Google Chrome 105.0.5195.125, Mozilla Firefox
 104.0.2
 - Server: nginx/1.23.1
 - PHP: 7.4.30
 - WordPress: 6.1-beta1-54282-src

 === Actual Results
 - ✅ Issue resolved with patch.

 === Additional Information
 - Unable to reproduce [https://core.trac.wordpress.org/ticket/32747#ticket
 reported issue] in Safari.

 === Supplemental Artifacts
 ''Before patch: Negative margin causes submenu (`<ul>`) to overlap menu
 header. Initially, header appears on top of menu, then hidden below it
 once submenu is interacted with. (Shown here, initial state.)''
 ||= Chrome =||= Firefox =||
 || [[Image(https://cldup.com/Fq6yRwZ9et.png, 90%)]] ||
 [[Image(https://cldup.com/K8vjdYjZBu.png, 90%)]] ||

 ''After patch: Submenu appears directly below menu heading, as expected.
 Above 782px, negative margin continues to position menu in viewport.''
 ||= Under 783px Width =||= Over 782px Width =||
 || [[Image(https://cldup.com/w3ietWcpL7.png, 90%)]] ||
 [[Image(https://cldup.com/PhVZu4cuIE.png, 100%)]] ||

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/32747#comment:35>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform