Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<head>
<meta charset=utf-8>
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Test calling focus() in "focus" event listener when focus has moved away</title>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
</head>
<body>
<input id="input1" placeholder="input1"/>
<input id="input2" placeholder="input2"/>
</body>
<script>
// This test tests calling focus() in the "focus" event
// listener on the element again when the focus has
// moved away.
promise_test((t) => {
let previouslyCalled = false;
let counter = 0;
let p = new Promise(r=>{
input1.addEventListener("focus", function(e) {
counter++;
if (!previouslyCalled) {
input2.focus();
previouslyCalled = true;
}
input1.focus();
// In a success run, counter can only be 2 here
// because focus() synchronously fire the event listener.
if (counter == 2) {
r();
}
});
});
input1.focus();
return p;
}, "Element.focus() in focus listener when focus has moved away");
</script>