Bug Tracker

Opened 7 years ago

Closed 6 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.

Change History (5)

comment:1 Changed 6 years ago by dmethvin

  • Component changed from unfiled to fx
  • Resolution set to fixed
  • Status changed from new to closed

This seems to have been fixed in 1.4.

comment:2 Changed 6 years ago by Funka

  • Resolution fixed deleted
  • Status changed from closed to reopened

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 6 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 6 years ago by dmethvin

Test case attached; it's still broken.

comment:5 Changed 6 years ago by snover

  • Resolution set to worksforme
  • Status changed from reopened to closed

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.