Skip to main content

Search and Top Navigation

#7371 closed bug (fixed)

Opened May 14, 2011 12:35PM UTC

Closed February 16, 2012 09:52PM UTC

Accordion: Incorrect size when zoomed

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

I've been downloaded the latest build of jQuery UI (1.9 m4) to see if the new redesigned accordion have the same problem or not, actually it have!

jQuery: 1.4.4 - 1.6

jQuery UI: 1.8.10 (probably previous versions are affected as well) - 1.9m4

Browser: Google Chrome 11.0.696.68, IE 8.0.6001.18702IS

Windows: HP OEM XP SP2 (fairly updated via auto update)

The only thing you have to do, is open any of the attached demos of accordion in the above browsers, then use the browser's zoom feature (ctrl+mousewheel for example), you can also refresh the page but it doesn't matter. Let's start clicking/switching on the accordion tabs and open them one by one, you will notice the height is continously change. As far as i tell, in google chrome the accordion tabs will grow, and causing the accordion object to grow as well. In IE8 you will notice the opposite behaviour, so it will shrink somewhat.

Using the Fillspace accordion demo, you can fix the height problems by resizing the object, but it will grow/shrink again if you start switching between the tabs.

You might also notice that the tabs widths are also somewhat messed up, so it will be a smaller width in chrome, and might be larger in IE8 than it should be.

Attachments (0)
Change History (4)

Changed May 14, 2011 01:24PM UTC by kolaks comment:1

I found that turning off the animation at initialization (animated: false) will hide the issue, so it seems to me that the animation is the culprit that causing the height issues.

Changed May 14, 2011 02:11PM UTC by scottgonzalez comment:2

summary: Accordion rendering width/height problems with Google Chrome and IE8Accordion: Incorrect size when zoomed

Changed February 11, 2012 11:13PM UTC by scottgonzalez comment:3

status: newopen
version: → 1.8.10

This is fixed by my animation rewrite: https://github.com/jquery/jquery-ui/pull/587

Changed February 16, 2012 09:52PM UTC by Scott González comment:4

resolution: → fixed
status: openclosed

Accordion: Rewrote the animation code. Fixes #4178 - Accordion animation a bit jumpy in some browsers. Fixes #7371 - Accordion: Incorrect size when zoomed.

Changeset: 3d9f6b5bc74d09a08f6a116b6b31d93d72971f6d