- From: Oriol Brufau via GitHub <noreply@w3.org>
- Date: Tue, 03 Mar 2026 22:43:20 +0000
- To: public-css-archive@w3.org
Like, clearly it's a WebKit bug that sizes the table wrong when adding the thead. The table shouldn't overflow at all, so whether collapsed borders are scrollable overflow or not is irrelevant for this test.
```html
<!DOCTYPE html>
<div id="container" style="overflow-x:auto; max-width:500px; border: solid magenta">
<table style="border-collapse: collapse">
<thead>
<tr><td>header</td></tr>
</thead>
<tbody style="border: 80px solid blue">
<tr><td>body body body body body body body body body body body</td></tr>
</tbody>
</table>
</div>
<script>
document.write(container.scrollWidth);
</script>
```
- Webkit:
<img width="513" height="261" alt="Image" src="https://github.com/user-attachments/assets/51f155a4-ce00-4b5c-a25e-aa7b6833764f" />
- Blink:
<img width="513" height="261" alt="Image" src="https://github.com/user-attachments/assets/6a2aa04f-fde6-41b6-9162-fc1293b0a8d2" />
--
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13586#issuecomment-3994017052 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 3 March 2026 22:43:20 UTC