Skip to main content

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:

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:

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 fracmak comment:1

adding "position: relative" to the div fixes the issue:

Changed May 16, 2011 12:05PM UTC by scottgonzalez comment:2

resolution: → wontfix
status: newclosed

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.