WordPress.org

Make WordPress Core

Opened 6 weeks ago

Last modified 4 weeks ago

#44035 new defect (bug)

Admin flyout submenu does not open on mouseover when changing device width in browser

Reported by: subrataemfluence Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Menus Keywords: reporter-feedback
Focuses: administration Cc:

Description

On Chrome (Version 66.0.3359.139 (Official Build) (64-bit)), if I switch to mobile view from desktop, refresh the page and then switch back to dekstop view, no flyout submenu is opening on mouseover.

For example, if I hover on Posts menu, the flyout menu is supposed to appear but it is only appearing when I click on it! Which also means the click event does not take me to the posts list page immediately. Once I click on All Posts link, everything gets back to normal.

OS: Ubuntu 14.04

Steps to reproduce:

  1. Go to admin.
  2. Press Shift+Ctrl+I to reduce viewport size.
  3. Refresh the page.
  4. Press Shift+Ctrl+I again to go back to desktop view.
  5. Mouseover on Post or Pages or Appearance. Flyout menu will not appear.
  6. Click on the menu item to bring up the Flyout menu.

Change History (3)

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


4 weeks ago

#2 @afercia
4 weeks ago

  • Focuses accessibility removed
  • Keywords reporter-feedback added; needs-patch removed

Removing the accessibility focus since this happens for all users, not strictly related to a11y issues.

@subrataemfluence could you please try it with the Chrome inspector responsive view emulation set to "desktop"? I think it happens only when set to "mobile" so switching form "desktop" to "mobile" produces this issue.

Instead, when using normally a device, it's either a "mobile" or "desktop" device, so I'd recommend to test on real devices.

#3 @subrataemfluence
4 weeks ago

@afercia Sure! I would try that and get back to you with my findings. Thank you for looking into the ticket.

Note: See TracTickets for help on using tickets.