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 comment:1
Changed August 12, 2012 03:30PM UTC by comment:2
| component: | unfiled → css |
|---|---|
| resolution: | → duplicate |
| status: | new → closed |
Duplicate of #10416.
Changed August 12, 2012 03:48PM UTC by 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 comment:4
Related: #8099
Protip: don't override the default display, use a class instead.
Changed March 07, 2014 02:09PM UTC by comment:5
This bug should be reopened. It is still ocurring in chrome. The th element gets by default display: block on show()
Appending a
trto atable/tbodyinstead might be an appropriate solution. Appending atrtobodyis illegal, after all.