Re: [csswg-drafts] [css2][css-tables] Does `overflow` apply to table-wrapper or table-grid? css-tables contradicts CSSWG resolution (#10881)

I'm not sure what you meant, but I have noticed it's possible to clip to the wrapper with `contain: paint`:

```html
<!DOCTYPE html>
<table style="border: solid magenta; width: 100px; outline: solid cyan; contain: paint">
  <caption style="position: relative; left: 50px; border: solid orange">caption</caption>
  <td>cell</td>
</table>
```

| Gecko | Blink | WebKit |
| - | - | - |
| ![](https://github.com/user-attachments/assets/c28c0956-f242-424b-abae-e6d19ecff93b) | ![](https://github.com/user-attachments/assets/734e98d2-903d-474e-892a-d3f7017d1e23) | ![](https://github.com/user-attachments/assets/9f7da5a2-2a19-4430-ad13-3b6805c84de7) |

WebKit looks a bit broken but there is interoperability.

So then it could be more useful indeed if `overflow` applies to the grid.

But there is the thing about `overflow` being able to affect the used value of `transform-style`, which applies to the wrapper. So if `overflow` applies to the grid, should it affect the `transform-style` of the grid (no-op), or affect the one of the wrapper? Or should `transform-style` and `overflow` apply to the same box? I'm not very familiar with transforms.

-- 
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10881#issuecomment-2569393026 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 3 January 2025 15:23:17 UTC