[csswg-drafts] [css-position][css-tables] Need to define relative positioning on table cells, rows and row groups in collapsing border model (#11515)

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

== [css-position][css-tables] Need to define relative positioning on table cells, rows and row groups in collapsing border model ==
https://drafts.csswg.org/css-position/#relpos-insets
https://drafts.csswg.org/css-tables/#border-collapsing

```html
<!DOCTYPE html>
<style>
td { border: 10px solid rgba(0, 0, 0, 0.5); background: cyan }
.relpos { position: relative; left: 50px }
</style>
<table style="border-collapse: collapse">
  <td>A</td><td>B</td>
</table>
<table style="border-collapse: collapse">
  <td>A</td><td style="position: relative; left: 0">B</td>
</table>
<table style="border-collapse: collapse">
  <td>A</td><td style="position: relative; left: 50px">B</td>
</table>
<table style="border-collapse: collapse">
  <tr style="position: relative; left: 50px">
    <td>A</td><td>B</td>
  </tr>
</table>
<table style="border-collapse: collapse">
  <tbody style="position: relative; left: 50px">
    <td>A</td><td>B</td>
  </tbody>
</table>
```

| Gecko | Blink | WebKit |
| - | - | - |
| ![](https://github.com/user-attachments/assets/1b357c9e-4a25-4ed9-ad86-543151200674) | ![](https://github.com/user-attachments/assets/8fffd268-e1ce-457b-843f-826575dba3b7) | ![](https://github.com/user-attachments/assets/102701ff-12c7-4cb1-addb-662a5ebf60e2) |

It's surprising to say at least that adding `position: relative` on a cell shrinks the background area...


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11515 using your GitHub account


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

Received on Thursday, 16 January 2025 17:41:53 UTC