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

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

Projects

None yet

2 participants

@gvanberkel

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
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

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