<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width-device-width">
<title>Virtual Keyboard test page</title>
<script>
function syncFocus() {
var input = document.getElementById('text');
input.focus();
}
function asyncFocus() {
var input = document.getElementById('text');
setTimeout(function() {
input.focus();
}, 0);
}
</script>
</head>
<body onload="syncFocus()">
<p>
<label id="blur">blur</label>
<input id="text" type="text" placeholder="type=text"></input>
<!-- test for crbug.com/642513 -->
<button id="sync" onclick="syncFocus()">sync</button>
<button id="async" onclick="asyncFocus()">async</button>
</p>
</body>
</html>