fadeIn for a table row does not remove display: block

[jostster]

This is a duplicate of ​http://bugs.jquery.com/ticket/2185 but still is not fixed in 1.5.1. I have a table row with the only style being

<tr style="border: thin solid lightgrey;"></tr> 

I then clone that row and do a fadeIn but it adds display: block to the end so it looks like this

<tr style="border: thin solid lightgrey; display: block;"></tr> 

In firefox this makes the table row look EXTREMELY ugly. In safari it looks normal.

I have created a JSFiddle page with parts of the table and jquery source code to duplicate the issue

​http://jsfiddle.net/P2MX8/

[jostster]

I forgot to mention in the last table row for each section click the + sign to duplicate this issue.

[dmethvin]

Can you create a reduced test case? Your test case is too complex to clearly demonstrate a bug in core.

[cowboy]

Here's a simplified test case that shows that the faded-in TR gets display: block in Firefox 2-4.

​http://jsfiddle.net/cowboy/DzH9x/

[jostster]

Ty cowboy for the test case

[john]

The fix for this ends up being rather easy: Just .hide() the element after you insert it into the page: ​http://jsfiddle.net/DzH9x/5/

[jostster]

Replying to john:

The fix for this ends up being rather easy: Just .hide() the element after you insert it into the page: ​http://jsfiddle.net/DzH9x/5/

Providing a work around shouldn't be a permanent fix...

[anon]

A perm fix would be nice john