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

[subrataemfluence]

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.

[afercia]

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.

[subrataemfluence]

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

[welcher]

@subrataemfluence this makes sense to me as when in mobile, there is no ability to hover. So loading the page in mobile won't register the hover events so they won't be available when in desktop mode.