Opened 9 years ago

Closed 9 years ago

#6913 closed bug (wontfix)

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

Change History (2)

comment:1 Changed 9 years ago by fracmak

adding "position: relative" to the div fixes the issue: http://jsfiddle.net/UQ2sH/1/

comment:2 Changed 9 years ago by Scott González

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.

Note: See TracTickets for help on using tickets.