Skip to main content

Search and Top Navigation

#4319 closed bug (fixed)

Opened March 10, 2009 04:30PM UTC

Closed July 14, 2010 05:48PM UTC

Last modified November 19, 2010 06:26PM UTC

Accordion overflow breaks when displayed inside a dialog on Internet Explorer

Reported by: Rich2k Owned by:
Priority: minor Milestone: 1.8.3
Component: ui.accordion Version: 1.7
Keywords: Cc:
Blocked by: Blocking:


I discovered a curious problem when displaying a collapsable accordion inside a dialog on Internet Explorer 7.

When opening an accordion the overflow of the dialog overlaps the dialog buttons at the botom and whilst the scrollbars display it does not function.

From looking in the CSS it was fixed by changing the following

.ui-accordion .ui-accordion-header { cursor: pointer; margin-top: 1px; zoom: 1; }  
.ui-accordion .ui-accordion-header .ui-icon { float:left; margin-top:6px; margin-left: 2px; }   
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }  
Attachments (1)
Change History (8)

Changed March 18, 2009 10:45AM UTC by rdworth comment:1

component: ui.coreui.accordion

Changed April 08, 2009 01:24AM UTC by scottgonzalez comment:2

milestone: TBD1.8

Changed April 08, 2009 04:20PM UTC by scottjehl comment:3

Unfortunately, this breaks our standard for positioning icons appropriately next to text of various font sizes.

There's a thread here for more discussion:

Changed April 08, 2009 04:48PM UTC by scottjehl comment:4

Did you try setting position: relative on the dialog content area?

Let us know if that works instead of digging into each plugin's reaction to an overflow auto parent. Might be the easiest way to fix this issue.

Changed April 29, 2009 01:34PM UTC by LynXor comment:5

removing "position: relative" fixed for .ui-accordion-content and .ui-accordion-header fixed the problem for me. IE apparently, doesn't interpret position: relative the same way as the rest of the world..

Changed July 14, 2010 05:48PM UTC by scottgonzalez comment:6

resolution: → fixed
status: newclosed

Fixed in cdd6161.

Changed August 04, 2010 01:25AM UTC by scottgonzalez comment:7


Changed November 19, 2010 06:26PM UTC by Scott González comment:8

Dialog: Add positioning for content div. Fixes #4319 - Accordion overflow breaks when displayed inside a dialog on Internet Explorer.

Changeset: cdd6161419190e9d5a1e823f4910559dbab6de7d