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
jQuery Panel reduces page content height? #5755
Using google chrome debugger tools for setting screen resolution to something like 200 x 360 for http://jsbin.com/onibuc/302 illustrates an issue that I have been having with some of my mobile apps. This causes problems for both iScroll plugin(was able to fix this with a workaround) and also for pages with minimal content.
Here is a screenshot showing the content does not fill the page height:
Here is a screenshot with the panel open at 300 x 360 showing that the content height is the same as the panel height:
I had previous created an issue(#5712) that is similar to this one but I could not reproduce the issue until now.
I assume it is easier in asking a question by opening a new issue than reopening an older issue.
If this helps, there might be a connection to an issue I posted about Themeroller and Panels at jquery/themeroller.jquerymobile.com#132.
I found that my same temporary fix of using removeClass for Android works with this issue as the issue I posted there. It might be another issue here or this might be an issue for Themeroller where a panel allows horizontal scrolling with it open but only with a custom theme.
I used jQuery's removeClass method on the content wrapper for ui-body-b in my case. With Google Chrome initially noticed two vertical scrollbars. Removing ui-body-b from the content wrapper removed one scrollbar which solved height issues and removing ui-body-b removed the other and solved horizontal scroll issues.
added a commit
Mar 27, 2013
Thanks for reporting the issue. The original issue wasn't a panel issue. Anyway, it has been fixed.
About the issue that you mention in your comment. The vertical scrollbar should be fixed by this commit 739e286. I can't reproduce the horizontal scrollbar problem.
I am going to close the issue at the ThemeRoller repo because I am pretty sure that, if it's still an issue, it can't have to do with this tool.
referenced this issue
Mar 27, 2013
The horizontal line was not a horizontal scroll bar. The line is the border of ui-body-b. Overriding the border to 0 or none for ui-body-b solved the vertical scrollbar problem as removing ui-body-b from the panel div and content wrap div.
Without the Custom Themeroller Styles, there is no verticle scrollbar. With the styles added, there is a verticle scrollbar. I submitted a new issue at #5819 with jQuery Mobile.