`$tr.show()` uses `display: block` in Chrome

[anonymous]

In Chrome, when using body { display: -webkit-flex }, a tr element gets a default display of block. This causes ALL trs in a document to show with display: block because jQuery appends a test tr to the body so as to get the default display value.

A tr with display: block causes weird rendering and issues such as colspan not being respected.

Fiddle: ​http://jsfiddle.net/aZRUW/

[anonymous]

Appending a tr to a table/tbody instead might be an appropriate solution. Appending a tr to body is illegal, after all.

[gibson042]

Duplicate of #10416.

[anonymous]

No, this happens on Chrome, not Firefox. It has a completely different cause (-webkit-flex isn't even supported on Firefox).

[Rick Waldron]

Related: #8099

Protip: don't override the default display, use a class instead.

[anonymous]

This bug should be reopened. It is still ocurring in chrome. The th element gets by default display: block on show()