Mam aplikację jquery-mobile (1.3.1) + aplikację Phonegap, w której używam wyskakującego widżetu (ta aplikacja jest przeznaczona dla systemu Android). To wyskakujące okienko służy do logowania (ma nazwę użytkownika, hasło i przycisk „Zaloguj się”. Ilekroć klikam pole tekstowe (nazwa użytkownika lub hasło), pojawia się klawiatura urządzenia, ale nakłada się ona na popup. z tego nakładania się, użytkownicy nie mogą zobaczyć, co piszą, i nie mogą kliknąć Zaloguj się, chyba że klawiatura jest zminimalizowana. Oto kod, który mam teraz - już użyłem ”data-position-to="window"

<a href="#popupLogin" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-icon="check" data-theme="a" data-transition="pop">Done</a>
          <div data-role="popup" id="popupMenu" data-theme="a" >
            <div data-role="popup" id="popupLogin" data-overlay-theme="e" data-theme="a" class="ui-corner-all">
              <form>
                <div style="padding:10px 20px;" data-overlay-theme="b">
                  <h3>Please sign in</h3>
                  <label for="ppcOpremarks" class="ui-hidden-accessible">Remarks</label>
                  <textarea name="ppcOpremarks" id="ppcOpremarks" value="" placeholder="Remarks (if any)" data-theme="a" ></textarea>
                  <label for="un" class="ui-hidden-accessible">Username</label>
                  <input name="user" id="un" value="" placeholder="username" data-theme="a" type="text">
                  <label for="pw" class="ui-hidden-accessible">Password</label>
                  <input name="pass" id="pw" value="" placeholder="password" data-theme="a" type="password">
                  <a href="#menuPage">
                  <button type="submit" data-theme="a" data-icon="check" id="ppCheckDone" onClick="updateppc()">Sign-In</button>
                  </a> </div>
              </form>
            </div>
          </div>

Jak sprawić, by moje okienko przesuwało się w górę, zamiast nakładać się na klawiaturę urządzenia?