<html>
<head>
<base href="https://bugs.webkit.org/">
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Wrong container width computation for table with `table-layout: fixed;`"
href="https://bugs.webkit.org/show_bug.cgi?id=169996">169996</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Wrong container width computation for table with `table-layout: fixed;`
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 10
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Macintosh
</td>
</tr>
<tr>
<th>OS</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>CSS
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>vitya.sviridenko@ya.ru
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=305169" name="attach_305169" title="Bug: wrong table width cumputation">attachment 305169</a> <a href="attachment.cgi?id=305169&action=edit" title="Bug: wrong table width cumputation">[details]</a></span>
Bug: wrong table width cumputation
I found this problem in Chromium and could reproduce it in actual Safari version.
Steps to reproduce the problem:
Open <a href="https://jsfiddle.net/do2Lcvqr/">https://jsfiddle.net/do2Lcvqr/</a> or attached file.
Or:
1. Create inline-block element with `overflow: auto;`
2. Put a table with `table-layout: fixed;` and `width` inside
3. You can see a scrollbar
What is the expected behavior?
Table is wrapped by container, their borders adjoin each other, no scrollbar shown.
What went wrong?
Chrome doesn't compute width of the outer block correctly and showes a scrollbar.
Did this work before? N/A
Does this work in other browsers? Yes
Blink — OK
Firefox — OK
IE11, Edge — OK</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>