Skip to main content

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

Attachments (0)
Change History (2)

Changed July 13, 2010 01:43PM UTC by scottgonzalez comment:1

resolution: → worksforme
status: newclosed

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.

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

milestone: TBD

Milestone TBD deleted