Skip to content
This repository has been archived by the owner on Oct 8, 2021. It is now read-only.

fixed header overrides page #4176

Closed
DGuidi opened this issue Apr 23, 2012 · 5 comments
Closed

fixed header overrides page #4176

DGuidi opened this issue Apr 23, 2012 · 5 comments

Comments

@DGuidi
Copy link

DGuidi commented Apr 23, 2012

I've build a fiddle of a "bug" that I'm experiencing: http://jsfiddle.net/y4AXb/4/

When a fixed header (bigger than the usual) is used with a data-id, the page is rendered with errors.
I've resolved the issue simply calling $.mobile.activePage.trigger('updatelayout') after page rendering.

@MauriceG
Copy link
Contributor

I can confirm this issue when using "oversized" headers as persistent toolbars.
But only, if the second page is shown the first time.

May this is caused by the changed markup order when using persistent toolbars.
At those pages, after the first navigation, the header-markup is appendedTo the content-markup
and it seems the header then could not find its closest ui-page to compute and give the page container the needed top-padding.

@jaspermdegroot
Copy link
Contributor

After reading @MauriceG his comment I figured the cause of the issue is most probably same as #4019
When you inspect the code of the fiddle you'll see that the content comes before the header in the html.

@jaspermdegroot
Copy link
Contributor

I tested the fiddle from @DGuidi with the changes from PR #4260 and it does fix the issue.

@DGuidi
Copy link
Author

DGuidi commented Jun 15, 2012

thanks a lot :)

@jaspermdegroot
Copy link
Contributor

Fixed by commit 0992512.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.