Native focus() function also scrolls container element

by dipish

HTML

<button id="doFocusBtn" onclick="doFocus();">Focus</button>
<div id="container" style="position: absolute; width: 500px; height: 200px; border: solid 2px green; overflow: scroll;">
    <input type="text" id="myField" style="position: absolute; left: 200px;"></input>
    <div style="position: absolute; left: 1000px;">&nbsp;</div>
</div>

JavaScript

window.doFocus = function() {
    document.getElementById('myField').focus();
}