Opened 12 years ago
Closed 11 years ago
#7371 closed bug (fixed)
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.
Change History (4)
comment:1 Changed 12 years ago by
comment:2 Changed 12 years ago by
Summary: | Accordion rendering width/height problems with Google Chrome and IE8 → Accordion: Incorrect size when zoomed |
---|
comment:3 Changed 11 years ago by
Status: | new → open |
---|---|
Version: | → 1.8.10 |
This is fixed by my animation rewrite: https://github.com/jquery/jquery-ui/pull/587
comment:4 Changed 11 years ago by
Resolution: | → fixed |
---|---|
Status: | open → closed |
Accordion: Rewrote the animation code. Fixes #4178 - Accordion animation a bit jumpy in some browsers. Fixes #7371 - Accordion: Incorrect size when zoomed.
Changeset: 3d9f6b5bc74d09a08f6a116b6b31d93d72971f6d
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.