[Webkit-unassigned] [Bug 253922] New: Table flex-item inside inline-flex with column flex-direction has incorrect cross-size (width)

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=253922

            Bug ID: 253922
           Summary: Table flex-item inside inline-flex with column
                    flex-direction has incorrect cross-size (width)
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: decademoon.bugzilla at gmail.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 465439

  --> https://bugs.webkit.org/attachment.cgi?id=465439&action=review

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/

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230315/01fe212c/attachment-0001.htm>