Bug Tracker

Opened 9 years ago

Closed 7 years ago

#4483 closed bug (worksforme)

animate() on td doesn't work on IE8

Reported by: darkthread Owned by:
Priority: major Milestone: 1.4
Component: effects Version: 1.3.2
Keywords: animate ie8 Cc:
Blocked by: Blocking:

Description

<table border="1"><tbody><tr><td>TD1</td><td>TD2</td></tr></tbody></table> <script type="text/javascript"> $(function() {

$("td").click(function() {

$(this).hide().fadeIn(2000, function() { alert("td done!"); });

});

}); </script>

When there are more than one td in table, the fadeIn() or animate() doesn't work and finish immediately in IE8, no matter the duration setting, but no such issue in IE7 or Firefox. In the above case, click TD1 will hide the TD1 and get "td done!" right away, then TD1 won't show up again. After that, TD2 is the only td in table, then fadeIn() works fine.

Attachments (1)

test-4483.html (444 bytes) - added by dmethvin 7 years ago.

Download all attachments as: .zip

Change History (6)

comment:1 Changed 7 years ago by dmethvin

Component: unfiledfx
Resolution: fixed
Status: newclosed

This seems to have been fixed in 1.4.

comment:2 Changed 7 years ago by Funka

Resolution: fixed
Status: closedreopened

I have just tested this exact repro on IE8 using jquery 1.4.2 minified, and the bug as described still exists.

comment:3 Changed 7 years ago by dmethvin

I should have attached my test case, which I can't find now. Can you attach a complete test case?

comment:4 Changed 7 years ago by dmethvin

Test case attached; it's still broken.

Changed 7 years ago by dmethvin

Attachment: test-4483.html added

comment:5 Changed 7 years ago by snover

Resolution: worksforme
Status: reopenedclosed

This should be fixed in 1.4.3 with the introduction of :visible fixes and my patch to stop setting the display CSS property to block. Reopen if not.

Note: See TracTickets for help on using tickets.