Wrong container width computation for table with `table-layout: fixed;`

• Component: CSS
• Status: NEW ---

[Viktor]

Created attachment 305169 [details]
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 https://jsfiddle.net/do2Lcvqr/ 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

[Brent Fulgham]

Chrome and Firefox show the same table width and computed table width as Safari, but correctly lack a horizontal scrollbar.

[Radar WebKit Bug Importer]

<rdar://problem/97084613>