Search and Top Navigation
#6913 closed bug (wontfix)
Opened January 29, 2011 04:26PM UTC
Closed May 16, 2011 12:05PM UTC
Buttons display incorrectly when inside an animating panel IE7
| Reported by: | mgolubovic | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.9.0 |
| Component: | ui.button | Version: | 1.8.7 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
When a div is animating to be hidden or displayed (when using .hide("slow") or .show("slow")), the buttons inside that div display outside the bounding box until the animation is complete. This behavior occurs in IE7. The behavior of IE8, Chrome, or Fire Fox is the correct behavior which is a smooth transition and proper display of the buttons during the entire animation.
Here is a Link to jsFiddle for an example: http://jsfiddle.net/UQ2sH/
Browser: IE7
OS: Windows 7
JQuery UI: 1.8.7
JQuery: 1.4.4
Attachments (0)
Change History (2)
Changed May 14, 2011 09:43PM UTC by comment:1
Changed May 16, 2011 12:05PM UTC by comment:2
| resolution: | → wontfix |
|---|---|
| status: | new → closed |
Closing as wontfix since I'm not sure that we should fix this. If someone provides a patch that changes the button CSS to avoid this bug without introducing any other bugs, we'll gladly review it and land it if it works.
adding "position: relative" to the div fixes the issue: http://jsfiddle.net/UQ2sH/1/