This repository was archived by the owner on Oct 8, 2021. It is now read-only.
Orientationchange, footer and class "ui-bar" #2518
Closed
Description
Hi,
There is a problem when you have a footer using the class "ui-bar" (to include padding in the bar for buttons).
When you rotate on landscape and then on portrait again, the content is like 20px too much on the left, so you have a blank on the right. I don't use any personal class and you can reproduce this issue easily.
Of course if you try the same code without the "ui-bar" class, it works...
I am testing on IOS 4 (simulator and real device)
the code of the page :
<div id="list" data-role="page" data-theme="b">
<div data-role="header" data-position="fixed" data-theme="b">
<h1 id="list-title">List</h1>
</div>
<!-- /header -->
<div data-role="content" data-theme="b">
My content
</div>
<!-- /content -->
<div data-id="footer-fixed" data-role="footer" data-position="fixed" data-theme="b" class="ui-bar">
<a id="list-mail" href="#" data-icon="forward" class="footer-btn">Mail</a>
</div>
<!-- /footer -->
</div>
<!-- /page -->
Thanks for your work guys!