title: Softkeyboard in PhoneGap covers input elements
body: <p>I've seen this question a few times, though none of the answers seems to work for me. I suspect I have done something incredibly stupid, and have missed the obvious (+1 for peer programming?)</p>
  
  <p>Developing for Android (SDK Version 8+) with PhoneGap (Cordova) 2.0.0. I have a full page form for user settings input, with equally spaced  elements running down the page, with cancel and submit buttons at the very bottom. When a user touches the upper elements, the softkeyboard pops up, and there is no issue. However, if the user touches an element which would be under the soft keyboard (if it were showing), then it is covered by the keyboard when it pops up.</p>
  
  <p>I have attempted various incantations and incarnations of android:windowSoftInputMode="adjustPan" in the manifest file (based on <a href="http://solutions.michaelbrooks.ca/2011/07/05/android-soft-keyboard-resizes-web-view/" rel="nofollow">http://solutions.michaelbrooks.ca/2011/07/05/android-soft-keyboard-resizes-web-view/</a> and <a href="http://developer.android.com/guide/topics/manifest/activity-element.html#wsoft" rel="nofollow">http://developer.android.com/guide/topics/manifest/activity-element.html#wsoft</a>), but to no avail, elements will be hidden by the keyboard.</p>
  
  <p>The relevent section of my manifest file looks like this</p>
  
  <pre><code>&lt;application
      android:icon="@drawable/ic_launcher"
      android:label="@string/app_name"
      android:theme="@style/AppTheme" &gt;
      &lt;activity
          android:name=".title"
          android:label="@string/title" android:screenOrientation="portrait"&gt;
          &lt;intent-filter&gt;
              &lt;action android:name="android.intent.action.MAIN" /&gt;
  
              &lt;category android:name="android.intent.category.LAUNCHER" /&gt;
          &lt;/intent-filter&gt;
          android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"
          android:windowSoftInputMode="adjustPan"
      &lt;/activity&gt;
  &lt;/application&gt;
  </code></pre>
  
  <p>and the viewport section of the index.html (which i've seen some posts about changing)</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"&gt;
  </code></pre>
  
  <p>any pointers would be greatly appreciated</p>
  
  <p>cheers</p>