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:
- click and hold middle mouse button on a dom button located in a scrollable area
- drag mouse off of dom button
- 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/
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
- 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)”