Android webview keyboard covering up input
<p>The desired effect for my android application is to have a webview with an input box and content.  When the user clicks on the keyboard, the keyboard pushes the input box up, but does not resize the main content and just overlays ontop of it as seen in the diagram below.</p>

<p><a href="https://i.stack.imgur.com/NdjXi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NdjXi.png" alt="enter image description here"></a></p>

<p>The problem I'm experiencing is that the keyboard covers the input box and does not push it up.  </p>

<p>This is currently a cordova android application.  In the manifest, I have configued</p>

<pre><code> &lt;activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/activity_name" android:launchMode="singleInstance" android:name="GigJam" android:theme="@android:style/Theme.DeviceDefault.NoActionBar" android:windowSoftInputMode="adjustPan"&gt;
</code></pre>

<p>Also in the config.xml:</p>

<pre><code>   &lt;preference name="Fullscreen" value="false" /&gt;
</code></pre>

<p>I used android:windowSoftInputMode="adjustPan" to prevent the screen from resizing which is what i want since I don't want the content to be squished.  I've also tried configuring the css for the input box to be fixed and absolute (basically tied to the bottom of the webview.  </p>

<p>From my understanding, when the keyboard pops up from an edit in the input box, that it would push up the box as well because the input box is constrained to the webview which will be pushed up as well.</p>

<p>Any advice appreciated,
Thanks,
D</p>