Skip to main content

Bug Tracker

Side navigation

#5157 closed bug (duplicate)

Opened September 03, 2009 08:40AM UTC

Closed October 04, 2010 09:37PM UTC

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: unfilledfx

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

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

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

resolution: → duplicate
status: newclosed

Duplicate of #2185.