<!DOCTYPE html>
<div id="container" style="position: relative; overflow: hidden; width: 200px; height: 100px">
<div style="width: 400px; height: 2px"></div>
&nbsp;&nbsp;<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>