Phonegap Android keyboard covers input elements scrolling is disabled

Question

I\'ve tried many different solutions and nothing is quite what I want. What I want is for the keyboard to show on top of the content (keeping the content the same size) whi

Answer 1

I added an event listener for the keyboard event and scrolled to the input only if it was off screen.

For my case I only wanted to scroll when the keyboard was being shown for the first time, and only if the input item was offscreen.

document.addEventListener('showkeyboard', onKeyboardShow, false);


 function onKeyboardShow(e) {        
    setTimeout(function() {
      e.target.activeElement.scrollIntoViewIfNeeded()
    }, 500) //needed timeout to wait for viewport to resize
  }

To get the showkeyboard event to fire I needed to have the following in my AndroidManifest.xml

  android:windowSoftInputMode="adjustResize"