Cordova keyboard plugin issues with screen resizing

help
1

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 tothis video:

However, in addition to this issue, clicking in the input field renders the constraints all out of whack. (Closing the keyboard makes everything fine again)

Currently I am using cordova-plugin-keyboard. 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 this suggestion:

document.addEventListener('deviceready', function() {
      Keyboard.shrinkView(true)
      window.addEventListener('keyboardDidShow', function () {
        document.activeElement.scrollIntoView()
      })
    })

Any help at all would be greatly appreciated! This issue has been plaguing me for quite a while.