#5481 closed bug (duplicate)
Datepicker adding Uneeded Height to page
Reported by: | Vekz | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | |
Component: | ui.datepicker | Version: | 1.8 |
Keywords: | sticky footer extra height | Cc: | |
Blocked by: | Blocking: |
Description
I was trying to build a minimal site which had a date picker on it. I was using this sticky footer method http://www.cssstickyfooter.com/ It is very particular about top and bottom margins on main layout elements.
The page was rendering fine in Webkit (safari chrome) MacOs. But Firefox had hidden ~20px push at the bottom. Which was causing the page to render a scroll bar when there was no additional content.
Below is a simple example of the page structure
<html> <head></head> <body> <wrap></wrap> <footer></footer> <div id="ui-datepicker-div"> </body> </html>
since the div#ui-datepicker-div was visiblity:hidden; it was still rendering with height in FF and throwing off the footer.
The solution was to display:none the div. This allowed the datepicker and footer to function properly.
Its possible that other components would have this same issue. These extra component divs should be display:none by default.
Duplicate of #4111.