New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Persistent headers and footers placed under content after transition #4019

Closed
hanselsen opened this Issue Apr 12, 2012 · 10 comments

Comments

Projects
None yet
7 participants
@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

This comment has been minimized.

Show comment
Hide comment
@agcolom

agcolom Apr 18, 2012

Member

@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

Member

agcolom commented Apr 18, 2012

@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

This comment has been minimized.

Show comment
Hide comment
@mpiotrowicz

mpiotrowicz Apr 23, 2012

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

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

This comment has been minimized.

Show comment
Hide comment
@agcolom

agcolom Apr 23, 2012

Member

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

Member

agcolom commented Apr 23, 2012

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

@mpiotrowicz

This comment has been minimized.

Show comment
Hide comment
@mpiotrowicz

mpiotrowicz Apr 23, 2012

@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

@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

This comment has been minimized.

Show comment
Hide comment
@hanselsen

hanselsen Apr 24, 2012

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

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 comment has been minimized.

Show comment
Hide comment
@mpiotrowicz

mpiotrowicz Apr 24, 2012

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

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

@ghost ghost assigned scottjehl Apr 28, 2012

@hanselsen

This comment has been minimized.

Show comment
Hide comment
@hanselsen

hanselsen May 3, 2012

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

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

@strikernl

This comment has been minimized.

Show comment
Hide comment
@strikernl

strikernl May 3, 2012

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.

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

This comment has been minimized.

Show comment
Hide comment
@strikernl

strikernl Jul 13, 2012

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)

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

This comment has been minimized.

Show comment
Hide comment
@arschmitz

arschmitz Oct 16, 2012

Member

Im looking into this today at summit

Member

arschmitz commented Oct 16, 2012

Im looking into this today at summit

arschmitz added a commit to arschmitz/jquery-mobile that referenced this issue Oct 16, 2012

Fix for issue #4019 - Persistent headers and footers placed under con…
…tent after transition - Header and footer were both being appended broke out to prepend header and append footer.

@Wilto Wilto closed this Oct 16, 2012

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