IE11 - All inputs are not accessible after modifying the DOM and focusing one of them

Fixed Issue #101704

Details

Created
Apr 27, 2014
Privacy
This issue is public.
Found in build #
0.0011
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

URL =

URL:

Repro Steps:

Use the following HTML markup and JS code (the full source code/a sample HTML page is available in the attachment):

<!DOCTYPE html>
<html>
<head>
<title>Focus issue</title>
<script type="text/javascript">
function getInput() {
return document.getElementById(“testInput”);
};
function inputOnKeyDown() {
console.log(“onKeyDown”);
setTimeout(function() {
console.log(“timeout”);
testAction();
}, 1000);
};
function testAction() {
var content = document.getElementById(“content”);
var input = getInput();
var value = input.value;
content.innerHTML = input.outerHTML + “<br />";
input = getInput();
input.value = value;
getInput().focus();
console.log(“after focus”);
};
</script>
</head>
<body>
<form>
<div id="content">
<input id="testInput” type="text" value="aaa" onkeydown="inputOnKeyDown()" />
</div>
<input type="text" />
</form>
</body>
</html>

  • Handle the client-side “keydown” event on the “testInput” input element;
  • Get a DOM object of the input’s container;
  • Change its container’s innerHTML property;
  • Focus the “testInput” input element again programmatically via the client-side “focus” method.

The attached *.swf video illustrates the required steps and actual results.

Expected Results:

All inputs should behave the same after these manipulations and allow typing text into them.

Actual Results:

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “IPBS P.”

      Changed Status to “Fixed”

      Changed Assigned To from “IPBS P.” to “Rossen A.”

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

    Sign in