Persistent headers and footers placed under content after transition

[hanselsen]

Hi there,

I tried to update my project from jqm 1.0.1 to 1.1RC2.
I'll descripte my scenario:

• I included the new jqm
• Everything is still the same
• I click on a button which triggers a transition
• The header and footer are persistant and stay on top and bottom during the transition
• When the transition is over my page is build like: content - header - footer (not fixed anymore)

<div data-role="header" id="header" data-id="myHeader" data-position="fixed" data-fullscreen="true">

What has been changed that this is happening?

[agcolom]

@hanselsen Are you still experiencing with 1.1.0? If you do, could you please post a test page using the latest build with jsbin or jsfiddle to illustrate?

Templates: http://jsfiddle.net/enxXQ/ or http://jsbin.com/acoruj/edit#html

Thanks

[mpiotrowicz]

I'm seeing this issue on 1.1.0 and have constructed a basic test case here:

http://jsfiddle.net/mpiotrowicz/ckcCN/3/

The header and footer are still fixed in my case after transition, however the header has moved in the HTML to be after the content, as described by hanselsen

[agcolom]

@mpiotrowicz thanks a lot for the jsfiddle. Which browser/device versions are you experiencing this with?

[mpiotrowicz]

@agcolom - I'm seeing it on my desktop using Chrome 18.0.1025.163 and Firefox 11, visible after the first page transition.
Also on the Nexus S, running Android 4.0.4

[hanselsen]

Hi all, thanks for all your reactions.
I wasn't been able to reply.
I am using Chrome 18.0.1025.162 and firefox 11.
It is really strange that everybody has a fiddle where only the source code switches, but in my case also the layout changes.

What should I do next?? o.O

[mpiotrowicz]

This also actually appears on the docs page for persistent toolbars - http://jquerymobile.com/test/docs/toolbars/footer-persist-a.html

Is this the expected behavior? In my case, I transition to a page I've dynamically created, but that has the same fixed, persistent header as my origin page. After transition, my new page "content" is partially hidden by the header, and is impossible to scroll to, again due to the header

[hanselsen]

Hey all,
Even with the jqm 1.1.0, this issue is not resolved.
Please keep me updated.

[strikernl]

Does seem kind of breaking, i.e., renders the use of persistent headers and thus jquery mobile useless if you need/use this. Would like to see progress on this.

[strikernl]

1.1.1 was just released and this is not fixed, will be for a later version I suppose? (as it says Milestone: 1.1.1)

[arschmitz]

Im looking into this today at summit