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

Panel causes strange footer behaviour and messes with posotion: fixed elements #5471

Closed
gvanberkel opened this Issue Jan 17, 2013 · 1 comment

Comments

Projects
None yet
2 participants
@gvanberkel

gvanberkel commented Jan 17, 2013

The panel control causes any content under a fixed position footer element not to be rendered.
To achieve this set data-role=footer on a div and then change it's css bottom value (or use a top value) such that the footer shows higher up in the page.

@jaspermdegroot

This comment has been minimized.

Show comment
Hide comment
@jaspermdegroot

jaspermdegroot Jan 17, 2013

Member

@gvanberkel

Thanks for reporting the issue.
The panel widget wraps the non-fixed toolbars and content in a div and applies the theme used for the page to this div. When you open a panel the theme of the panel is applied to the page. This is because on many mobile platforms you would see a blink because the panel background isn't rendered yet.
Fixed toolbars aren't wrapped so this means that if you set a top offset for a fixed header you will see the same background as used for the panel above the fixed header.
However, there were issues with the page height when a panel is open. This has just been fixed.

See latest: http://jquerymobile.com/test/docs/demos/panels/panel-nav-form-fixed.html

Member

jaspermdegroot commented Jan 17, 2013

@gvanberkel

Thanks for reporting the issue.
The panel widget wraps the non-fixed toolbars and content in a div and applies the theme used for the page to this div. When you open a panel the theme of the panel is applied to the page. This is because on many mobile platforms you would see a blink because the panel background isn't rendered yet.
Fixed toolbars aren't wrapped so this means that if you set a top offset for a fixed header you will see the same background as used for the panel above the fixed header.
However, there were issues with the page height when a panel is open. This has just been fixed.

See latest: http://jquerymobile.com/test/docs/demos/panels/panel-nav-form-fixed.html

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