After performing a finger-tap on an DOM-element, the :hover-pseudoclass is not retained

Issue #7150602 • Assigned to Bruce L.

Details

Author
Andreas P.
Created
Apr 8, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
25.10586
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

It’s a common technique on the web to create pure CSS dropdown-menues by using the :hover-pseudoclass. Have a look at this example:

Example

http://jsfiddle.net/OpnSrce/k882f/

Expected behavior

The dropdown should appear and stay on screen

Current behavior

The dropdown doesn’t appear.

Additional info

It works as expected on desktop-browsers, as well as on iOS and Android devices. The latter ones set and retain the :hover-pseudoclass together with first tap on the dropdown-menu. Microsoft Edge behaves differently here. The :hover doesn’t seem to be set after tapping the dropdown-element and the menu doesn’t show up.
Note: The buggy behavior only occurs when using (finger) touch. Using the mouse or the Surface-stylus everything works s expected, because these input methods natively support a hover-effect.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Sermet I.”

      Changed Status

    • What’s the issue number of the original one that this is a duplicate of?

    • The link to the duplicated on is the bug itself…

    • Microsoft Edge Team

      Changed Assigned To to “Sermet I.”

      Changed Status

      Changed Assigned To from “Sermet I.” to “Bruce L.”

    You need to sign in to your Microsoft account to add a comment.

    Sign in