Link remains active in Microsoft Edge when the pointer releases outside it

This bug report has been submitted to Microsoft. You can track it here.

To Microsoft staffs: the Issue section contains a summary of the issue and the Details section contains the environment specification as well as comprehensive reproduction steps.

Updated on 14 April 2017: The issue is confirmed and the root cause is a known issue of Drag and Drop implementation. See the issue tracking link above for details.

Issue

Condition

• You use Microsoft Edge 14 on desktop and Internet Explorer 11, or Microsoft Edge 14 on desktop and mobile.
• You press a link and drag the mouse outside the link, then release the mouse.

Symptoms

The colour of the link is different in the two browsers.

Expected behaviour

There can be a discussion. I prefer the behaviour in Internet Explorer 11. There is some similarity between links and buttons. In Windows, a button no longer remains in pressed state after user has release the mouse outside it.

Therefore, the link should be no longer in :active pseduo-class, thus should revert to other styles.

Details

Environment 1

Environment 2

Environment 3

Reproduction

1. If it is environment 2, connect a mouse to it.
2. Open the corresponding browser.
3. Go to this JSFiddle.
4. Drag the link and release it.
5. Observe the background of the link upon releasing:
   • Environment 1 gives black (:active).
   • Environment 2 and 3 give non-black (not :active).

Screenshots

Below are 3 GIFs that record the reproduction steps.