middle click can leave :active psuedoclass css styling on dom element (IE 11)

Confirmed Issue #8867420 • Assigned to Jonathan H.

Details

Created
Sep 12, 2016
Privacy
This issue is public.
Found in
  • Internet Explorer
Reports
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

If you have a dom button in a pane with a scroll bar (so that you can middle click + drag to scroll), you can get the button to be stuck with it’s styling for the css active pseudoclass.

it can be reproduced as follows:

  1. click and hold middle mouse button on a dom button located in a scrollable area
  2. drag mouse off of dom button
  3. release the middle button
    the dom button is now stuck with it’s active css styling. clicking on another element does not remove that styling.

you can see this in action using the following fiddle and following the directions in the output window: https://jsfiddle.net/99ww26wm/

Attachments

0 attachments

    Comments and activity

    • this is also a problem with input of type checkbox and radiobutton, except in those cases you don’t need any kind of active pseudoclass selector. it will just leave the box completely black

    • ok

    • Microsoft Edge Team

      Changed Assigned To to “Brad E.”

      Changed Assigned To to “Bogdan B.”

      Changed Assigned To from “Bogdan B.” to “Jonathan H.”

      Changed Status to “Confirmed”

      Changed Title from “middle click can leave :active psuedoclass css styling on dom button (IE 11)” to “middle click can leave :active psuedoclass css styling on dom element (IE 11)”

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

    Sign in