Hover styles, applied by :hover pseudoselector, stays on element that is not under cursor

Needs root cause Issue #5381673 • Assigned to wptrentri

Details

Created
Nov 9, 2015
Privacy
This issue is public.
Needs root cause
Sign in to suggest a root cause.
Reports
Reported by 9 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

Hover the mouse on some element with :hover used on it. Then, in cases described below, hover effect stays after cursor leave the element:

  1. Scroll down with keyboard
  2. Create element on click on hovered element, which is overlap the hovered element
  3. Dynamicly add content that move down or up the hovered element

Expected Results:

Hover should disappear after cursor leave the element not by user mouse move

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Sermet I.”

      Changed Assigned To to “Bogdan B.”

      Changed Assigned To to “Sermet I.”

      Changed Steps to Reproduce

    • Microsoft Edge Team

      Changed Assigned To from “Sermet I.” to “Ted D.”

      Changed Status to “Confirmed”

    • Also a problem when scrolling with the mouse wheel.

    • Microsoft Edge Team

      Changed Assigned To from “Ted D.” to “Matt R.”

      Changed Status from “Confirmed”

      Changed Status to “Needs root cause”

      Changed Assigned To to “wptrentri”

    • We are having a similar issue with ng-bootstrap:
      https://github.com/ng-bootstrap/ng-bootstrap/issues/2341

      Here is a simple page where our particular issue can be reproduced:
      https://divdavem.github.io/hoverIssueEdge/

      In our case, a button has a tooltip (which is a element) that is removed from the DOM in the mouseout event.
      When moving the mouse out of the button through the tooltip, the :hover style of the button stays applied until the mouse is over the button again and leaves it in another way than through the tooltip.
      This issue does not happen if the tooltip is removed from the DOM with a small delay added through setTimeout (instead of synchronously in the mouseout event).

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

    Sign in