Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Height not being calculated properly? #4219
I'm having some really weird issues with some pages, when transitioning them into view.
I've experiencied it with a list view which is being inserted in a
However, the last item gets cut by the fixed footer. I've noticed that if you change the window size the problem gets solved. As a workaround I solved it calling this method:
Although the toolbar is never hidden. It seems to reposition it correctly. However the page transitions get bad specially on mobile devices and I think this shouldn't be happening.
You can test it here:
Using jQM 1.1
I also noticed that sometimes the map get mid-blank and a page resize solves the problem too.
I was wondering the same, too (#4006).
I thought the padding should go on the content not on the page, because the page contains the footer so adding padding to the page does not really ensure the content is visible - it only stretches the page, doesn't it?
I solved it for my specific case (I need to recalculate width/height anyway, so I just added padding/margin to the content section), but maybe this is a bug in 1.1.
Did you try:
updatePagePadding update the padding (either top or bottom, depending on if the toolbar is a header or a footer) of the page element parent of the toolbar to match the height of the toolbar.
There is also an updatelayout event that can be used to trigger the toolbars to re-position. Developers who are building dynamic applications that inject content into the current page can also manually trigger this updatelayout event to ensure components on the page update in response to the new content that was just added. This event is used internally in the collapsible and listview filter plugins and is powerful because it's not toolbar-specific -- any widget can be built to listen for the updatelayout event to update the widget in response.
I already tried the
I also triggered the event updatelayout and again, no effect:
Hi @Belelros, hi @toddparker
referenced this issue
May 1, 2012
referenced this issue
May 8, 2012
Can you test your project using this code:
Please confirm if this solves the issue you were having the fixed footer. Thanks!