Firefox: animations don't work on table rows (tr) because display:block; should be display:;

Reported by:	beat	Owned by:
Priority:	minor	Milestone:	1.2.2
Component:	effects	Version:	1.2.1
Keywords:	slideUp slideDown table tr display block	Cc:
Blocked by:		Blocking:

Description

$("tr.contentRowToChange).slideUp("slow");

doesn't work as expected in Firefox 2.0.11, as it changes the display type of the tr element to "block", all the content gets into the first column of table.

I have found that changing display type to "" instead of "block" works on all instances.

http://jszen.blogspot.com/2004/07/table-rowsrevealed.html

$("tr.contentRowToChange).slideDown("slow");

has another bug: it leaves the space visible, but didn't find why.

Attachments (0)

Change History (4)

Changed December 12, 2007 04:18PM UTC by davidserduke comment:1

This is likely related to #1082.

Changed December 12, 2007 08:55PM UTC by john comment:2

resolution:	→ wontfix
status:	new → closed

You can't slide table rows, as you can't manipulate the height of them. Any solution to this is far too convoluted to implement sanely. It's probably better to just use regular, non-animated, hide and show for now.

Changed April 12, 2011 01:28PM UTC by addyosmani comment:3

#8852 is a duplicate of this ticket.

Changed June 24, 2011 07:16PM UTC by anonymous comment:4

I am in no way needing this for table elements but I don't want to create a new ticket when asking for the same thing.

Why does the display change when using .slideDown()? I don't want display to be set to block. I don't want it to be set to anything.

Side navigation