#5331 closed bug (worksforme)
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
Note: See
TracTickets for help on using
tickets.
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.