<!DOCTYPE html>
<meta name=fuzzy content="maxDifference=0-3; totalPixels=0-100">
<html>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<body>
<datalist id="dl1">
<option>1</option>
</datalist>
<input type="number" list="dl1"> <input type="number" list="dl1"> <br>
<input type="number" list="dl1" disabled> <input type="number" list="dl1" readonly>
<script>
runAfterLayoutAndPaint(() => {
document.querySelector('input').focus();
var input = document.querySelectorAll('input')[1];
if (window.eventSender)
eventSender.mouseMoveTo(input.offsetLeft + input.offsetWidth / 2, input.offsetTop + input.offsetHeight / 2);
}, true);
</script>
</body>
</html>