Skip to main content

Bug Tracker

Side navigation

#12272 closed bug (duplicate)

Opened August 12, 2012 03:07PM UTC

Closed August 12, 2012 03:30PM UTC

Last modified March 07, 2014 02:09PM UTC

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

Reported by: anonymous Owned by:
Priority: undecided Milestone: None
Component: css Version: 1.8.0
Keywords: Cc:
Blocked by: Blocking:
Description

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/

Attachments (0)
Change History (5)

Changed August 12, 2012 03:08PM UTC by anonymous comment:1

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

Changed August 12, 2012 03:30PM UTC by gibson042 comment:2

component: unfiledcss
resolution: → duplicate
status: newclosed

Duplicate of #10416.

Changed August 12, 2012 03:48PM UTC by anonymous comment:3

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

Changed August 12, 2012 06:13PM UTC by rwaldron comment:4

Related: #8099

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

Changed March 07, 2014 02:09PM UTC by anonymous comment:5

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