- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Sun, 22 Dec 2024 08:02:20 +0000
- To: public-css-archive@w3.org
Loirooriol has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-sizing][css-align][css-tables] Stretch sizing vs special table sizing. Who wins? ==
https://drafts.csswg.org/css-sizing-4/#stretch-fit-sizing
https://drafts.csswg.org/css-align/#valdef-justify-self-stretch
https://drafts.csswg.org/css2/#dynamic-effects
```html
<!DOCTYPE html>
<style>.abspos { width: 100px; position: absolute; top: 0; bottom: 0; }</style>
<div style="position: relative; height: 100px; width: 200px; border: solid">
<table class="abspos" style="left: 0; align-self: stretch">
<tr style="visibility: collapse"><td></td></tr>
<tr style="background: cyan"><td></td></tr>
</table>
<table class="abspos" style="left: 100px; height: -moz-available; height: -webkit-fill-available; height: stretch">
<tr style="visibility: collapse"><td></td></tr>
<tr style="background: magenta"><td></td></tr>
</table>
</div>
```
| Blink | Gecko | WebKit |
| - | - | - |
|  |  |  |
- Blink stretches abspos tables with `align-self: stretch`, others don't. See #11285.
- With an explicit `height: stretch`, Blink and Gecko use it as an input for table layout, so each row becomes 47px so that the sum including gutters is 100px. But then one row is collapsed, so this shrinks the height of the table to 51px.
- WebKit doesn't support `visibility: collapse` (it's just treated as `hidden`).
Blink seems most reasonable to me.
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11404 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Sunday, 22 December 2024 08:02:20 UTC