Skip to main content

Search and Top Navigation

#5421 closed bug (fixed)

Opened March 24, 2010 07:44PM UTC

Closed January 13, 2011 02:56AM UTC

Last modified January 17, 2011 01:02PM UTC

Accordion header margins disappear in IE 8

Reported by: ji1337 Owned by:
Priority: major Milestone: 1.8.8
Component: ui.accordion Version: 1.8
Keywords: accordion, margin, internet explorer 8, ie 8 Cc:
Blocked by: Blocking:

The default accordion as shown in has a display issue under Internet Explorer 8. I haven't tested under IE 6 & 7.

When expanding a panel, the margin above the header of the expanded panel is ignored, therefore the expanded panel collides with the previous panel. Somehow the problem goes away when hovering the mouse in and out of the header of the expanded panel.

Attachments (0)
Change History (7)

Changed July 14, 2010 06:28PM UTC by scottgonzalez comment:1

milestone: TBD1.9
priority: minormajor

Changed September 20, 2010 01:33PM UTC by m4olivei comment:2

I'm having this same issue on a site I'm developing and have seen at least one post directly related. Here is the example I am dealing with:

Here is the post I stumbled across:

Any progress on this bug?



Changed September 20, 2010 02:13PM UTC by m4olivei comment:3

After a bit of playing around, I found a workaround. I set a change event for the accordion to trigger a blur on my accordion headers. eg:

  active: false, 
  autoHeight: false, 
  collapsible: true, 
  change: function() { 

That got rid of the disappearing margins issue.

Changed January 13, 2011 02:56AM UTC by Alex Dovenmuehle comment:4

resolution: → fixed
status: newclosed

Accordion: Fixed weird behavior on accordion animations in IE. Fixed #5421 - Accordion header margins disappear in IE 8

Changeset: 497ec8588c177645082ab9ac08972b16afd1b3e8

Changed January 13, 2011 03:09AM UTC by scottgonzalez comment:5


Fixed in 1-8-stable in 3471bd66e0ff5d96c8ac867dbecd2290a4708385.

Changed January 17, 2011 10:50AM UTC by perosb comment:6

this "fix" seem to break accordions;

"Uncaught TypeError: Cannot read property 'className' of undefined"


this.toHide.parent()[0].className = this.toHide.parent()[0].className;

Changed January 17, 2011 01:02PM UTC by scottgonzalez comment:7

That error has already been fixed.