title: Prevent centring on focused input in hidden overflow area
body: <p>It is hard to explain with words so here's a fiddle I made to explain the problem better: <a href="http://jsfiddle.net/j2zurbbv/1/" rel="nofollow">http://jsfiddle.net/j2zurbbv/1/</a>. When the first timeout fires the container div is not 'scrolled' which is the behaviour I want. However when the input is outside of the visible part of the div (as it is with the second timeout) the container div centres about this input. </p>
  
  <p>Container css:</p>
  
  <pre><code>#container {
    overflow: hidden;
    height: 200px;
    position: absolute;
    width: 200px;
  }
  </code></pre>
  
  <p>For the record I have only tested this on Chrome 37.0</p>