Response title
This is preview!
tabbar moves up in iphone when textbox gets focus
in jQuery Mobile
•
7 months ago
I have this JQM page in phonegap app, it works just fine. but behaves abnormal sporadically
when i go to page 2 and come back to page 1 text box on focus moves the div up and tab bar goes above textbox, ant i stop tab bar moving up ?
here's my code
<div data-role=page id=page1>
<div data-role=header data-position='fixed'>
<h1>Page 1</h1>
</div>
<div data-role=content id=page1content>
<p align="center"><img id="applogo" name="applogo" src="icon.PNG" ></p>
<div data-role="fieldcontain">
<p><input id="userid" name="userid" title="userid" type="text" placeholder="User ID" class="text-input" autocomplete="off"autocorrect="off"></p>
<p><input id="password" name="password" title="password" type="password" placeholder="Password" class="text-input"></p>
<p align="center"><input id="buttonLogin" name="buttonLogin" value="Login" type="button" class="button-click"onclick="loginClicked()"></p>
</div>
</div>
<div data-role='footer' data-id="appfooter" data-position='fixed'>
<div data-role='navbar' data-iconpos="top">
<ul>
<li>
<a href='page1.html' data-icon="
</li>
<li>
<a href='page2.html' data-icon="page2" data-transition="slide">page2<
</li>
<li>
<a href='page3.html' data-icon="page3" data-transition="slide">page3<
</li>
</ul>
</div>
</div>
</div>
1
