#12272 closed bug (duplicate)
`$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 tr
s 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/
Change History (5)
comment:1 Changed 10 years ago by
comment:2 Changed 10 years ago by
Component: | unfiled → css |
---|---|
Resolution: | → duplicate |
Status: | new → closed |
Duplicate of #10416.
comment:3 Changed 10 years ago by
No, this happens on Chrome, not Firefox. It has a completely different cause (-webkit-flex
isn't even supported on Firefox).
comment:4 Changed 10 years ago by
Related: #8099
Protip: don't override the default display, use a class instead.
comment:5 Changed 9 years ago by
This bug should be reopened. It is still ocurring in chrome. The th element gets by default display: block on show()
Appending a
tr
to atable
/tbody
instead might be an appropriate solution. Appending atr
tobody
is illegal, after all.