- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Fri, 03 Jan 2025 15:23:16 +0000
- To: public-css-archive@w3.org
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