WordPress.org

Make WordPress Core

Opened 2 years ago

Last modified 18 months ago

#32747 new defect (bug)

WP Admin Menus/SubMenus Overlap in small screen

Reported by: turtlepod Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 4.2.2
Component: Menus Keywords: needs-testing
Focuses: ui Cc:

Description

Hello,

did anyone know about this/ever experience this issue with wp-admin?
or maybe this is a known issue?

If wp-admin is displayed in browser with "short" height (not only narrow), when we open a sub menu, it will overlap (and practically go crazy all around).

here’s the screenshot in:
desktop (resized) firefox + chrome (latest version, win7)

https://dl.dropboxusercontent.com/u/32880842/etc4/wp-admin-small-firefox-chrome.jpg

windows tablet( hp stream 7 ), using firefox (latest, win 8.1 with bing)

https://dl.dropboxusercontent.com/u/32880842/etc4/wp-admin-stream-ff.jpg

I can’t reproduce it in android/other mobile, because i can't resize the screen/browser size.

tested with latest wp (4.2.2) clean install. no plugin activated, tested with default theme too.

how to reproduce this issue.

  1. resize the browser to be as short/small as in the screenshot.
  2. visit wp-admin
  3. click hamburger icon in admin bar to reveal admin menus
  4. click parent menus such as "appearance" menu to view the sub menus.

note:
if i make the browser taller, the menus works fine.

maybe because wp_is_mobile() ?
(since ff browser in windows tablet is detected as desktop browser (it's a full version of windows) and not touch screen, maybe that's why it's working fine on my android phone.

thanks.
David.

Attachments (2)

wp-admin-small-firefox-chrome.jpg (56.7 KB) - added by turtlepod 2 years ago.
wp-admin-stream-ff.jpg (147.3 KB) - added by turtlepod 2 years ago.

Download all attachments as: .zip

Change History (8)

#1 @turtlepod
2 years ago

i change the user agent in firefox to:

Mozilla/5.0 (Android; Mobile; Touch; rv:22.0) Gecko/22.0 Firefox/22.0

and the problem is gone.
the menus is working fine.

this will make wordpress detect the browser as mobile and touch browser(?)

so i believe the problem happen because of screen size and browser type (wp is mobile / user agent detection) conflict in wp admin design.

#2 follow-up: @mrfuad2007
2 years ago

i am facing this issue in full screen on Windows Chrome not in firefox , its really critical. but MAC chrome works fine.

i am using

WordPress 4.2.3 also noticed on 4.3 same issue

Windows 8.1 Chrome Version 45.0.2454.85 m

Dell Inspiron Core i5 , 17" Screen 1366 x 768

http://s14.postimg.org/s21cvctwx/wordpress_bug.png

Last edited 2 years ago by mrfuad2007 (previous) (diff)

#3 in reply to: ↑ 2 ; follow-up: @SergeyBiryukov
2 years ago

Replying to mrfuad2007:

i am facing this issue in full screen on Windows Chrome not in firefox , its really critical.

Your issue is actually #33199, see also a WP Tavern post for details and a workaround.

#4 in reply to: ↑ 3 @mrfuad2007
2 years ago

Oh my God, Thanks Sergey ..

Replying to SergeyBiryukov:

Replying to mrfuad2007:

i am facing this issue in full screen on Windows Chrome not in firefox , its really critical.

Your issue is actually #33199, see also a WP Tavern post for details and a workaround.

This ticket was mentioned in Slack in #accessibility by afercia. View the logs.


18 months ago

#6 @afercia
18 months ago

  • Focuses accessibility removed
  • Keywords needs-testing added
  • Milestone changed from Awaiting Review to Future Release

Thinking this should be investigated testing with real mobile devices. Going to remove the "accessibility" focus since it's more a general issue not specifically tied to accessibility.

Note: See TracTickets for help on using tickets.