Removing display:none from a tfoot in Firefox 3.0 places the tfoot in wrong place

[brianfreud]

This may well be a Firefox 3.0 bug, and not jQuery. However, a good deal of searching failed to turn up any mention of this anywhere, for FF3.0.

Take a table with <table> <thead></thead> <tfoot></tfoot> <tbody></tbody> </table>

Now, through an inlined style, a css class, or jQuery, make the tfoot have css display:none. When you .show(), .removeClass(), or .css(), to then remove that display:none and reveal the tfoot, in FireFox 3.0, the tfoot will be revealed - but positioned *above* the thead, rather than below the tbody. This same behaviour doesn't happen in any other browser I've tested.

The correct display setting (table-footer-group) is being set, but something's clearly happening in FF3.0 such that's totally wierd; is the display perhaps first being set to block, then table-footer-group, and FF3.0 isn't redrawing the table after the display:block? (Just a total guess...)

[dmethvin]

It seems like a Firefox oddity to me. I know the HTML4 spec says to use thead,tfoot,tbody order but I tend to use thead,tbody,tfoot since that is the order in which the table contents display. HTML5 draft allows the tfoot to come after the tbody and all browsers seem to allow it already.

Since it seems outside jQuery and not easily fixable by a patch within jQuery, I'll close this ticket.