[csswg-drafts] [css2][css-tables] Should tables re-resolve their margins after shrinking due to `visibility: collapse`? (#11408)

Loirooriol has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css2][css-tables] Should tables re-resolve their margins after shrinking due to `visibility: collapse`? ==
https://drafts.csswg.org/css2/#blockwidth
https://drafts.csswg.org/css2/#dynamic-effects

```html
<!DOCTYPE html>
<div style="border: solid; width: 150px">
  <table style="width: 100px; height: 50px; border-spacing: 0; margin: auto; background: cyan">
    <col style="visibility: collapse"></col>
    <td></td>
    <td></td>
  </table>
</div>
```

| Gecko | Blink | WebKit |
| - | - | - |
| ![](https://github.com/user-attachments/assets/fac75724-3e9d-4295-afb3-c16c77105985) | ![](https://github.com/user-attachments/assets/668e8d8f-830d-4cb6-b59a-9fe7508e6618) | ![](https://github.com/user-attachments/assets/886df472-9f15-461b-9855-d26a9f0e7896) |

- Gecko resolves `auto` margins using `width: 100px`, so they become 25px each. Then the table ends up being only 50px, but the margins stay as 25px.
- Blink resolves `auto` margins with the final width, so they become 50px each.
- WebKit doesn't support `visibility: collapse`.

Blink seems better I guess.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11408 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 22:22:39 UTC