title: iOS Input field scrolls to top when focussed
body: <p>I have created a demo (not in Jsfiddle, couldn't get it to work in device):</p>
  
  <p><a href="http://i283951.iris.fhict.nl/test.html" rel="nofollow">http://i283951.iris.fhict.nl/test.html</a></p>
  
  <p>When I open this on my iPad and scroll down all the way and then click on the input, it scrolls all the way up to the top and then shows the keyboard. </p>
  
  <p>I'm pretty sure this also happens with a iPhone, on my android I don't have those problems. So I think it's iOs related.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body {
    margin: 0;
    padding: 0;
    height: 2000px;
  }
  .top {
    width: 100%;
    height: 50px;
    position: fixed;
    background-color: #AA3939;
  }
  .input-group {
    margin-top: 12px;
    margin-left: 50px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  
  &lt;head&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div class="top"&gt;
      &lt;div class="input-group"&gt;
        &lt;input type="search" placeholder="Search..."&gt;
        &lt;button type="submit"&gt;Submit&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>