Skip to content

[css-tables] What CSS is applicable to table-track & table-track-grouping elements #469

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
gregwhitworth opened this issue Sep 13, 2016 · 2 comments
Assignees
Labels
css-tables-3 Current Work

Comments

@gregwhitworth
Copy link
Contributor

Compat Issues: Yes

Description:
Table-rows, Table-row-groups, Table-columns, and Table-column-groups are implemented in different ways in each browser.

Proposed option:
The proposal is to have them react to a small set of whitelisted-only css properties, describe the expected behavior of those properties, and make sure everything else is ignored by the browser. This will give browsers more freedom space to accommodate how they deal with those internally.

These elements would still generate a box, so you can ask their dimension using getBoundingClientRect. Whether table-cells are children of those boxes or not is left undefined by the spec, to leave more room for implementers.
Caveat: except in Firefox, table-columns currently do not generate a box

This whitelist currently includes width/height and background. Candidate additions would be opacity and transform, which would be applied on the cells themselves not on the table-track much like background is defined to work which is currently supported in every browser but Edge.

Ideally, table-row and table-column to work exactly the same way, to bring symmetry into this model. Any property that would make it impossible to achieve this goal should not be added to white list.

CSS 2.1 Option:
Undefined

Testcases:
https://jsfiddle.net/5um10zts/
https://jsfiddle.net/5um10zts/3/

Browsers Passing Test:
NA but the proposal unify quirks of both Blink/Webkit and EdgeHTML
Gecko has issues due to this (see the second testcase), like for instance they support position:relative on those elements.

Everyone agrees some things do not work, like overflow:hidden (otherwise spanned cells would be problematic).

@gregwhitworth gregwhitworth added the css-tables-3 Current Work label Sep 13, 2016
@gregwhitworth
Copy link
Contributor Author

The group wants painting defined and how various CSS is impacted by CSS painting. Obviously layout will be impacted by the layout sections. They do not desire a white-list or black-list.

@tabatkins
Copy link
Member

tabatkins commented Sep 19, 2016

Ideally, table-row and table-column to work exactly the same way, to bring symmetry into this model.

I think this should be an explicit non-goal. The table model is asymmetric; cells are children of rows, but not of columns. opacity on a row definitely affects the cells inside of it, but opacity on a column definitely does not; at most it affects the backgrounds that the column itself draws.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css-tables-3 Current Work
Projects
None yet
Development

No branches or pull requests

3 participants