title: jquery mobile popup disappers on ipad when keyboard visible
body: <p>I have popup working. When use IPAD and click on input field, keyboard shows and popup disappears when text input field got focus. Here popup panel code. Please help.</p>
  
  <pre><code>&lt;div data-role="panel" data-id="popover1" data-panel="popover" class="ui-element-fixed-top  ui-triangle-top 
       ui-mobile-viewport ui-panel ui-popover ui-panel-active ui-fixed-overlay" 
      status="hidden" style="top: 0px; display: none; width: 500px; height: 445px; right: 100px; margin-top: 45px;"&gt;
        &lt;div class="popover_triangle"&gt;&lt;/div&gt;
  
      &lt;div data-role="page" data-show="first" id="popover1-1" data-url="popover1-1" tabindex="0" data-internal-page="true" &gt;
          &lt;div  class="ui-content" role="main" style="font-family: Georgia; font-weight:bold; "&gt;              
              &lt;div  class="ui-field-contain ui-body ui-br" style="height:50px" &gt;
                  &lt;label for="email" class="ui-input-text" style="text-align: right"&gt;Email:&lt;/label&gt;
                  &lt;input type="email" name="email" id="email" value="" 
                   class="ui-body-c ui-corner-all ui-shadow-inset" style="width: 340px"&gt;
                &lt;/div&gt;
                      &lt;div data-role="fieldcontain" class="ui-field-contain ui-body ui-br" style="height:50px"&gt;
              &lt;label for="author" class="ui-input-text" style="text-align: right"&gt;Book author:&lt;/label&gt;
              &lt;input type="text" name="author" id="author" value="" 
              class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" style="width: 340px"&gt;
          &lt;/div&gt;
          &lt;div data-role="fieldcontain" class="ui-field-contain ui-body ui-br" style="height:70px"&gt;
              &lt;label for="title" class="ui-input-text" style="text-align: right"&gt;Book title:&lt;/label&gt;
              &lt;input type="text" name="title" id="title" value="" 
              class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" style="width: 340px"&gt;
          &lt;/div&gt;
  
               &lt;a href="docs-dialogs.html"  data-rel="back"  data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" 
                      class="closePanel ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all" id="btnSend" onclick="send();"&gt;
                      &lt;span class="ui-btn-inner ui-btn-corner-all"&gt;
                      &lt;span class="ui-btn-text"&gt;Send&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;       
  
  
                      &lt;a href="docs-dialogs.html" data-role="button" data-rel="back"  data-corners="true" data-shadow="true" 
                      data-iconshadow="true" data-wrapperels="span" 
                      class="closePanel ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all"&gt;&lt;span class="ui-btn-inner ui-btn-corner-all"&gt;
                      &lt;span class="ui-btn-text"&gt;Cancel&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;    
      &lt;/div&gt;
  &lt;/div&gt;&lt;!-- end page--&gt;
  </code></pre>
  
  <p></p>