1. Visit https://jsfiddle.net/0j2ozsvn/
Three lines that look the same. ("Greedy cell" should take pretty much all of the space on each line.)
The first line, "Greedy cell" does *not* take all of the space -- there's a big aqua area for the first cell.
* In each case, the first cell only contains an <input type="file"> element. In the first line, it explicitly has "width:0", and on the next two lines it has a percent width.
* Paradoxically, that first line (with "width:0") is the one where it gives its table-cell a *large* intrinsic width.
- Chrome (on Linux) matches the confusing Safari behavior.
- Edge 13 on Windows 10 gives EXPECTED RESULTS
- Firefox 44 gives EXPECTED RESULTS.
I also filed https://bugs.chromium.org/p/chromium/issues/detail?id=589555 for this same issue in Blink.
Created attachment 272126 [details]
Here's the jsfiddle (slightly reduced/simplified) as an attachment, for archival purposes.