title: iOS 7.1 input field positioned below virtual keyboard forces zoom on focus
body: <p>I am writing a chat application using Cordova, and the chat view has an iMessage-like input field at the bottom of the page. In iOS 7.0, clicking on the field resized the window and brought the input field up above the keyboard. In iOS 7.1,  clicking on the input field just pushed everything up from the bottom, and doesn't resize the window. </p>
  
  <p>My viewport is set to:</p>
  
  <pre><code>&lt;meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1, target-densitydpi=device-dpi" /&gt;
  </code></pre>
  
  <ul>
  <li><p>When positioning the input relative to the top, the resize doesn't happen. However, positioning the input low enough to line up with the top of the keyboard does result in the no resize error. This can be replicated by building the <a href="https://github.com/driftyco/ionic-contrib-frosted-glass" rel="nofollow noreferrer">Ionic frosted glass demo</a> and changing the footer from </p>
  
  <p><code>&lt;footer class="bar bar-footer bar-frosted"&gt;&lt;button class="button button-clear button-positive" ng-click="add()"&gt;Add Message&lt;/button&gt;&lt;/footer&gt;</code></p>
  
  <p>to </p>
  
  <p><code>&lt;footer class="bar bar-footer bar-frosted"&gt;&lt;input name="testInput"&gt;&lt;/footer&gt;</code></p>
  
  <p>In www/index.html</p></li>
  </ul>
  
  <p>This replicates the error in iOS7.1, and works as expected in iOS 7.0.x. I have followed the suggestions <a href="https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone">here</a>, but they thread is dated and didn't end up working. Thank you in advance for any insight!</p>