- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Fri, 27 Dec 2024 20:02:10 +0000
- To: public-css-archive@w3.org
OK, so things get even weirder:
☑️ = Shrunken by collapsed tracks
❌ = Not shrunken by collapsed tracks
| | Flex row | Flex col | Grid | Block | Abspos |
| - | - | - | - | - | - |
| Intrinsic inline contributions | ❌ Gecko<br>❌ Blink | ❌ Gecko<br>❌ Blink | ❌ Gecko<br>❌ Blink | ❌ Gecko<br>❌ Blink | N/A |
| Table wrapper inline size | ❌ Gecko<br>❌ Blink | ❌ Gecko<br>☑️ Blink | ❌ Gecko<br>☑️ Blink | ❌ Gecko<br>☑️ Blink | ❌ Gecko<br>❌ Blink |
| Table grid inline size | ☑️ Gecko<br>❌ Blink | ☑️ Gecko<br>☑️ Blink | ☑️ Gecko<br>☑️ Blink | ☑️ Gecko<br>☑️ Blink | ☑️ Gecko<br>❌ Blink |
| Intrinsic block contributions | ☑️ Gecko<br>☑️ Blink | ❌ Gecko<br>❌ Blink | ☑️ Gecko<br>☑️ Blink | ☑️ Gecko<br>☑️ Blink | N/A |
| Table wrapper block size | ☑️ Gecko<br>☑️ Blink | ☑️ Gecko<br>❌ Blink | ☑️ Gecko<br>☑️ Blink | ☑️ Gecko<br>☑️ Blink | ☑️ Gecko<br>☑️ Blink |
| Table grid block size | ☑️ Gecko<br>☑️ Blink | ☑️ Gecko<br>☑️ Blink | ☑️ Gecko<br>☑️ Blink | ☑️ Gecko<br>☑️ Blink | ☑️ Gecko<br>☑️ Blink |
<details><summary>Code</summary>
```html
<!DOCTYPE html>
<style>
.container { display: inline-flex; padding: 5px; border: 5px solid; vertical-align: top }
table { outline: 5px solid magenta; border: 5px solid cyan; width: 100px; height: 100px }
col + col, tr + tr { visibility: collapse }
td { background: yellow }
</style>
<div class="container" style="display: inline-flex; flex-direction: row">
<table>
<col></col><col></col>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
</div>
<div class="container" style="display: inline-flex; flex-direction: column">
<table>
<col></col><col></col>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
</div>
<div class="container" style="display: inline-grid">
<table>
<col></col><col></col>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
</div>
<div class="container" style="display: inline-block">
<table>
<col></col><col></col>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
</div>
<div class="container" style="position: relative">
<table style="position: absolute">
<col></col><col></col>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
</div>
```
</details>
--
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11408#issuecomment-2563995794 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 27 December 2024 20:02:11 UTC