Safari 中 inline-flex 内的表格大小不正确

Question

当

<table>

位于带有 flex-direction 列的 inline-flex 容器内时，表格的 cross-size 在 Safari 中与 Chrome 和 Firefox 不同。我假设 Safari 在这里是不正确的——谁会想要一个默认情况下那样被压扁的桌子？

Safari 16.3

Chrome 110 和 Firefox 110

Safari这里错了吗？如果不是，为什么它的大小是这样的？

我已经阅读了 flexbox 规范中的 Cross Size Determination 但我不知道它与这个特定示例有何关系。

我也检查了 WebKit Bug Tracker 但我找不到任何与 inline-flex 和表格相关的东西。

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

table {
  border-collapse: collapse;
}

td {
  border: 1px solid black;
}

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

Answer 1

这似乎是一个 WebKit 错误，并且已报告给 Apple。