365759 - tbody given display: block (instead of disaply: table-row-group) looks weird

Status: RESOLVED DUPLICATE of bug 149993

(Firefox :: General, defect)

Description

[bugzilla]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

Using javascript to change the display style of a tbody element to "none/block" does not work properly. The initial setting to "none" works, but then setting it back to "block" causes it to display in the wrong place. Another sequence of "none"/"block" inserts a blank row in the document window, and the tbody s still in the wrong place.

Reproducible: Always

Steps to Reproduce:
1. go to http://drussell.dnsalias.com/ff-bug/
2. toggle the checkbox to "show row 2", a few times
3.
Actual Results:  
"row 2" is hidden, then is displayed in the wrong place, then is hidden, the is displayed in the wrong place with a new blank row inserted.

Expected Results:  
"row 2" should be hidden, then redisplayed as the 2nd row... rather intuitive.

The proper behavior is seen with IE7 and I don't see anything wrong with the web page source. It passes w3c validation for xhtml and css.

Comment 1

[Jesse Ruderman]

You want "table-row-group" or "", not "block".