title: Cordova keyboard plugin issues with screen resizing and focusing
body: <p>I'm building a mobile application for iOS using Meteor and Cordova. I'm having trouble configuring the screen correctly when an input field is clicked on to enter information. The screen does not focus in on the input field until after something is typed on the keyboard, similar to this video: <a href="https://github.com/cjpearson/cordova-plugin-keyboard/issues/62" rel="nofollow noreferrer">https://github.com/cjpearson/cordova-plugin-keyboard/issues/62</a></p>
  
  <p>However, in addition to this issue, clicking in the input field renders the constraints <a href="https://i.stack.imgur.com/e2zwb.png" rel="nofollow noreferrer">all out of whack</a>. (Closing the keyboard makes everything fine again)</p>
  
  <p>Currently I am using <a href="https://github.com/cjpearson/cordova-plugin-keyboard" rel="nofollow noreferrer">cordova-plugin-keyboard</a>. I have unsuccessfully tried cordova-plugin-ionic-keyboard and ionic-plugins-keyboard. In addition to the plugin I'm using, I also have these lines of code, in accordance with <a href="https://github.com/cjpearson/cordova-plugin-keyboard/issues/62#issuecomment-337952646" rel="nofollow noreferrer">this suggestion:</a></p>
  
  <pre><code>document.addEventListener('deviceready', function() {
        Keyboard.shrinkView(true)
        window.addEventListener('keyboardDidShow', function () {
          document.activeElement.scrollIntoView()
        })
      })
  </code></pre>
  
  <p>Any help at all would be greatly appreciated! This issue has been plaguing me for quite a while.</p>