<!DOCTYPE html> | |
<div id="container" style="position: relative; overflow: hidden; width: 200px; height: 100px"> | |
<div style="width: 400px; height: 2px"></div> | |
<input style="outline: none; position: relative; top: 0; left: 0" id="input"> | |
</div> | |
<script src="../../resources/run-after-layout-and-paint.js"></script> | |
<script> | |
onload = function() { | |
input.focus(); | |
runAfterLayoutAndPaint(function() { | |
container.scrollLeft = 56; | |
input.style.left = '56px'; | |
}, true); | |
}; | |
</script> |