Skip to main content

Search and Top Navigation

#5481 closed bug (duplicate)

Opened April 04, 2010 07:20PM UTC

Closed October 26, 2010 02:07PM UTC

Last modified October 11, 2012 09:15PM UTC

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.

Attachments (0)
Change History (2)

Changed October 26, 2010 02:07PM UTC by scottgonzalez comment:1

resolution: → duplicate
status: newclosed

Duplicate of #4111.

Changed October 11, 2012 09:15PM UTC by scottgonzalez comment:2

milestone: TBD

Milestone TBD deleted