Search and Top Navigation
#5331 closed bug (worksforme)
Opened March 12, 2010 02:59PM UTC
Closed July 13, 2010 01:43PM UTC
Last modified October 11, 2012 09:15PM UTC
Nested Accordian in FireFox has scrollbar
| Reported by: | Rwhitbeck | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | |
| Component: | ui.accordion | Version: | 1.8rc3 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Visual test: http://jquery-ui.googlecode.com/svn/tags/1.8rc3/tests/visual/accordion/accordion_dl.html
Not sure if this is a bug or not but in Firefox on Mac and PC only there is no padding or margin at the bottom of the nested accordion so it shows a scrollbar.
screenshot: http://ralphwhitbeck.com/i/rweb5eac.png
This happens because the accordions are using autoHeight: true. The outer accordion is generated first, and has its height calculated before the inner accordion is generated. When the inner accordion is generated, the styling of the accordion makes it take up more space, causing scrollbars in the outer accordion. Calling the resize method on the outer accordion will cause it to recalculate the height and remove the scrollbar. Alternatively, you could turn off autoHeight and have each panel grow with its content.