Animating TBODY sets display:block which displays it at end of table

Reported by:	candlerb	Owned by:
Priority:	minor	Milestone:	1.4
Component:	effects	Version:	1.3.2
Keywords:	tbody display block animate	Cc:
Blocked by:		Blocking:

Description

If you try to animate the show/hide of a TBODY section, then the row group jumps to the end of the table (in Firefox 3.0.13 at least). This is because the element gets a style="display: block" attribute.

I'm not sure of the best way to solve this problem.

I attach a simple HTML page which demonstrates the issue, and a frig patch to jquery which fixes it by using display:table-row-group for TBODY elements (but I'm sure there must be a cleaner way of handling this). The patch isn't perfect because there is still a small visible "bounce" at the end of the slideDown().

More info in this thread:

http://groups.google.com/group/jquery-en/browse_thread/thread/38ca2deb7150efeb

Attachments (2)

jquery-tbody-frig.diff (1.5 KB) - added by candlerb September 03, 2009 08:44AM UTC.

Workaround
tbody.html (0.7 KB) - added by candlerb September 03, 2009 08:42AM UTC.

HTML page demonstrating problem

Change History (4)

Changed November 11, 2009 08:17PM UTC by john comment:1

component:	unfilled → fx

Changed January 12, 2010 04:26PM UTC by ralphholzmann comment:2

Fix proposed here:

http://github.com/ralphholzmann/jquery/commit/80d1ebc8305509b3aa447baf64e69619fe276918

Changed January 12, 2010 06:56PM UTC by ralphholzmann comment:3

More efficient fix here: http://github.com/ralphholzmann/jquery/commit/f12acef7e6f11f7da22b49e4d7da4267772155c2

Changed October 04, 2010 09:37PM UTC by snover comment:4

resolution:	→ duplicate
status:	new → closed

Duplicate of #2185.

Side navigation