Skip to main content

Search and Top Navigation

#4367 closed bug (worksforme)

Opened March 19, 2009 03:03AM UTC

Closed July 12, 2010 01:17PM UTC

Firefox accordion background stuttering

Reported by: issya Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.accordion Version: 1.7
Keywords: Cc:
Blocked by: Blocking:
Description

I am getting a strange behavior with Firefox using the accordion. This works fine in all other browsers including Internet Explorer. First, let me describe my setup.

Firefox 3 (Tested in OS X and Windows, same behavior)

jQuery 1.3.2

jQuery UI 1.7

Relevant screenshots:

Normal- http://www.jasonism.org/media/normal.png

Broken- http://www.jasonism.org/media/broken.png

Corresponding code:

$(function() {

$("#accordion").accordion({

autoHeight: false,

alwaysOpen: false,

collapsable: true,

header: 'h3',

active: false

});

});

If you take a look at the above screenshots you will notice a tree.

This tree is a background image. Whenever I click on one of the

accordion tabs, it in turns drops down everything underneath of it to make room for the content as it should. But the problem I am seeing is with the tree creating a stuttering effect. It seems to me that this is a bug since it works in Safari and IE 7. Have not tested on IE 6.

I tried a different solution that involved using the background as an image and absolutely positioning it. This seemed to fix it but I did have to use z-index to bring the main content box out in front of the tree. But alas, IE 7 would not even show the tree. However it worked when I disabled the accordion. I guess the accordion was messing with the z-index and IE could not handle it.

Attachments (0)
Change History (2)

Changed March 25, 2009 05:02PM UTC by scottgonzalez comment:1

milestone: TBD1.8

Changed July 12, 2010 01:17PM UTC by scottgonzalez comment:2

resolution: → worksforme
status: newclosed

This is working fine for me. Tested in Firefox 3.6.3 on OS X 10.6.4 using UI 1.8.2 and 1.7. If you continue to have problems, please re-open this ticket and attach a test case.