An outer flexbox has the wrong height when holding a table with a large border.

Blink's behavior changed between 61 and r505840 but neither is correct. See attached screenshots. Edge and FF agree.

https://jsfiddle.net/dgrogan/z513qwpk/

#flexbox {
  outline: 1px solid lime;
}
table {
  outline: 3px solid blue;
}
td {
  border: 20px solid grey;
}

<div id="flexbox" style="display:flex">
  <table style="border-collapse:collapse">
    <td>Some text</td>
  </table>
</div>
After
 

Deleted: table_flexbox_ToT_r505840.png 2.7 KB

	table_flexbox_ToT_r505840.png 2.7 KB View Download

Deleted: table_flexbox_chrome_61.png 2.9 KB

	table_flexbox_chrome_61.png 2.9 KB View Download

Deleted: table_flexbox_edge_firefox.png 3.0 KB

	table_flexbox_edge_firefox.png 3.0 KB View Download