Edge raises "blur" event while "click" event processing is not completed

Fixed Issue #5891473

Details

Created
Dec 16, 2015
Privacy
This issue is public.
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Event Order test</title>
<script type="text/javascript">
function attachEvents() {
var input = document.getElementById(“editor1”);
var wrapper = document.getElementById(“wrapper”);
var result = document.getElementById(“results”);

        input.addEventListener("blur", function(evt) {
            result.innerHTML += "blur|";
        }, true);
        input.addEventListener("focus", function(evt) {
            setTimeout(function() { input.isShown = true; }, 500);
        }, true);
        wrapper.addEventListener("click", function(evt) {
            if(input.isShown) {
                result.innerHTML += "click|";
                input.style.display = "none";
                result.innerHTML += "hidden|";
                input.isShown = false;
            }
        }, true);
        document.addEventListener("mousedown", function(evt) {
            var source = evt.srcElement || evt.target;
            if(source.tagName == "LABEL")
                evt.preventDefault();
        }, true);
    }
</script>

</head>
<body>
<div id="wrapper">
<label for="editor1">Label for editor1</label>
<input type="text" id="editor1" name="editor1" />
</div>
<p style="padding: 10px; border: 1px solid red;" id="results"></p>
<script type="text/javascript">
attachEvents();
</script>
</body>
</html>

  • Set focus to a textbox.
  • Wait for 500ms.
  • Click a label.
  • Trace the events order.

The attached “StepsAndResults.zip” archive contains an HTML source file, a screencast with steps to reproduce and related results in action, screenshots with the expected and actual results.

Expected Results:

The “blur” event should be raised after the “click” event processing is completed.

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Mara P.”

      Changed Assigned To to “Travis L.”

      Changed Assigned To from “Travis L.” to “Aparna P.”

      Changed Status to “Confirmed”

      Changed Assigned To from “Aparna P.” to “IE S.”

      Changed Status from “Confirmed” to “Fixed”

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

    Sign in