Skip to main content

Search and Top Navigation

#4208 closed bug (fixed)

Opened February 21, 2009 11:14PM UTC

Closed July 12, 2010 12:52PM UTC

ui.accordion overflows over it's container when one of its divisions has a scroll bar

Reported by: margenn Owned by:
Priority: minor Milestone: 1.8.2
Component: ui.accordion Version: 1.6rc6
Keywords: accordion overflow fillSpace Cc:
Blocked by: Blocking:

This happens when you put the accordion div inside a parent fixed-size div and choose "fillSpace: true" option.

This happened on firefox 3.0.6, Chrome.

On IE6, the entire parent conteiner resized a few pixels

I turned around this by putting a "overflow:hidden" on parent div.

There's an attachment with shows better what is happening.


Attachments (1)
  • accordion-bug.rar (94.3 KB) - added by margenn February 21, 2009 11:15PM UTC.

    html file with jquery library and ui to recriate the bug.

Change History (5)

Changed February 27, 2009 03:16PM UTC by jzaefferer comment:1


Changed February 27, 2009 03:17PM UTC by jzaefferer comment:2

milestone: 1.next1.7

Changed March 08, 2009 02:42PM UTC by rdworth comment:3

milestone: 1.71.8

Changed April 05, 2009 12:40AM UTC by bkilinc comment:4

I found out that the resize() function of the accordion object does not see margins. to correct this I changed outerHeight() function calls to outerHeight(true), which will include margin heights. And it worked for me;



maxHeight -= $(this).outerHeight();


maxHeight -= $(this).outerHeight(true);

and change

maxHeight = Math.max(maxHeight, $(this).outerHeight());


maxHeight = Math.max(maxHeight, $(this).outerHeight(true));

Changed July 12, 2010 12:52PM UTC by scottgonzalez comment:5

resolution: → fixed
status: newclosed

This was fixed in a previous release.