blob: f2d79a4fae26dc84b9c93c32bbabf98da9536462 [file] [log] [blame]
<html>
<head>
<title>test with multiple controls having "autofocus" set</title>
<style>
input, input#test:focus { background:lime }
input:focus, input#test { background:red }
</style>
<script>
function log(message) {
document.getElementById("console").innerHTML += "<li>"+message+"</li>";
}
function test() {
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
requestAnimationFrame(() => {
if (document.activeElement == document.getElementById("test"))
log("SUCCESS");
else
log("FAILURE");
if (window.testRunner)
testRunner.notifyDone();
});
}
</script>
</head>
<body onload="test()">
<p>All form controls below should have a green background:</p>
<p><input autofocus id="test">
<p><input autofocus>
<p><input autofocus>
<p><input>
<p><input autofocus>
<p><input>
<hr/>
<ol id="console"></ol>
</body>
</html>