This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.

Bug 30282 - Missing obvious "table-cell-flex" value for "display" property
Summary: Missing obvious "table-cell-flex" value for "display" property
Status: NEW
Alias: None
Product: CSS
Classification: Unclassified
Component: Flexbox (show other bugs)
Version: unspecified
Hardware: PC Linux
: P2 critical
Target Milestone: ---
Assignee: Tab Atkins Jr.
QA Contact: public-css-bugzilla
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-08-31 15:34 UTC by teo8976
Modified: 2018-08-31 15:54 UTC (History)
2 users (show)

See Also:


Attachments

Description teo8976 2018-08-31 15:34:15 UTC
With the current specification, there's no way to have a table cell behave as a flexbox container while still behaving as a table cell.

The only values of the "display" property that make an element act as a flex container are:
flex - for a block-level flex container
inline-flex - for an inline-leven flex container.

However, table cells have unique properties that neither "block" nor "inline" elements have. If you want a table cell to behave as a flex container, you would have to set its "display" property to "flex". However, this will mean it will override the value "table-cell", and hence the cell will stop having the properties of a table cell as seen "from the outside".

The most obvious consequence is that the total height of the cell won't expand to the height of the tallest cell in the same table row.

This is an incredibly stupid flaw in the specification. There should be at least one more value, "table-cell-flex", which would behave as a table cell "from the outside" and as an flexbox in the inside.
Comment 1 L. David Baron (Mozilla) 2018-08-31 15:54:02 UTC
This Bugzilla instance is not the right place to file bugs on the specification.  As the "Status of this document" section of https://drafts.csswg.org/css-flexbox-1/ says, please file issues at https://github.com/w3c/csswg-drafts/ .  You probably also shouldn't call things "stupid".