Databases
StackOverflow2013
Postsdbo
POUnexpected Behaviour shown while opening the pop up screen in iPad usingjquery mobile
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUnexpected Behaviour shown while opening the pop up screen in iPad usingjquery mobile
    text
    copied!<p>I am opening a pop up screen on clinking the header button actually after open of pop up I fill my field than my keyboard will open. Along with black screen also open. How to remove this unnatural behaviour. Actually the the theme move upward when open the keyboard. I used simple code :</p> <p><a href="http://jsfiddle.net/ravi1989/jDKDW/" rel="nofollow noreferrer">http://jsfiddle.net/ravi1989/jDKDW/</a></p> <pre class="lang-html prettyprint-override"><code>&lt;div data-role="page" id="Home" &gt; &lt;div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false" &gt; &lt;h1 class="ui-title" id="hdr" style="text-align:left;margin-left: 100px;"&gt;My Cases&lt;/h1&gt; &lt;div class="ui-btn-right" id="headerButtons" data-role="controlgroup" data-type="horizontal"&gt; &lt;a href="#UserSettingScreen" data-transition="none" data-role="button" data-inline="true" data-iconpos="notext" data-icon="gear" data-theme="b" id="Setting" data-rel="popup" data-position-to="window"&gt;Setting&lt;/a&gt; &lt;a href="#CaseInformationScreen" data-transition="none" data-role="button" data-iconpos="notext" data-inline="true" data-icon="plus" data-theme="b" data-rel="popup" id="Add" data-position-to="window"&gt;Add&lt;/a&gt; &lt;a href="" data-role="button" data-transition="none" data-inline="true" data-theme="b" data-rel="popup"id="Edit" data-position-to="window"&gt;Edit&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div data-role="content"&gt; &lt;ul data-role="listview" data-inset="true" id="folderData" &gt; &lt;/ul&gt; &lt;!-- **************Case Information Pop up Start*******************--&gt; &lt;div data-role="popup" id="CaseInformationScreen" data-close-btn="none" data-overlay-theme="a" data-dismissible="false"&gt; &lt;div data-role="header" data-theme="b" &gt; &lt;a href="#" data-role="button" data-corners="false" id="Cancel"&gt;Cancel&lt;/a&gt; &lt;h1&gt;Case Information&lt;/h1&gt; &lt;a href="#" data-role="button" data-corners="false" id="AddButton"&gt;Add&lt;/a&gt; &lt;/div&gt; &lt;div data-role="content"&gt; &lt;div&gt;&lt;img src="img/Documents.png"/&gt;&lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="text-12" style="text-align:top;margin-left: 0px;"&gt;Case Name:&lt;/label&gt; &lt;input name="text-12" id="text-12" value="" type="text" class="caseName_h" &gt; &lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="text-12" style="text-align:left;margin-left: 0px;" &gt;Case Date:&lt;/label&gt; &lt;!--input name="text-12" id="text-12" value="" type="date" class="caseDate_h" --&gt; &lt;input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}'/&gt; &lt;/div&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="textarea-12"&gt;Textarea:&lt;/label&gt; &lt;textarea cols="40" rows="8" name="textarea-12" id="text-12" class="caseTextArea_h"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--Case Information Pop up End************************--&gt; &lt;!-- User setting Pop up Start--&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p><img src="https://i.stack.imgur.com/NT7mW.png" alt="enter image description here"> <img src="https://i.stack.imgur.com/82Qt1.png" alt="enter image description here"></p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload