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

Issue #7150602 • Assigned to Bruce L.


Andreas P.
Apr 8, 2016
This issue is public.
Found in
  • Microsoft Edge
Found in build #
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:


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.


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.”

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

      Changed Status to “Confirmed”

      Changed Assigned To from “Sermet I.” to “Alexander W.”

      Changed Assigned To from “Alexander W.” to “Bruce L.”

      Changed Status from “Confirmed”

      Changed Status to “Confirmed”

      Changed Status from “Confirmed”

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

    Sign in