Bug 253922

Created attachment 465439 [details]
Screenshot of Safari's incorrect rendering and Chrome and Firefox's correct rendering

HTML:

<div class="container">
  <table>
    <tr>
      <td>the quick brown fox jumps over the lazy dog</td>
    </tr>
  </table>
</div>

CSS:

.container {
  display: inline-flex;
  flex-direction: column;
}

table {
  border-collapse: collapse;
}

td {
  border: 1px solid black;
}

In Safari 16.3 and Technology Preview 16.4 it renders the table too narrow (as if its width were min-content). Chrome 110 and Firefox 110 render it correctly with width as wide as the text.

JsFiddle reproduction: https://jsfiddle.net/1ox8cfnp/