#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:
Description

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.

Tks!

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

milestone: TBD → 1.next

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

milestone: 1.next → 1.7

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

milestone: 1.7 → 1.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;

example

change

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

to

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

and change

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

to

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

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

milestone: 1.9 → 1.8.2
resolution: → fixed
status: new → closed

This was fixed in a previous release.