[Webkit-unassigned] [Bug 175327] New: Flexbox Container with `column wrap` expands vertically only for last column

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Aug 8 09:23:48 PDT 2017


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

            Bug ID: 175327
           Summary: Flexbox Container with `column wrap` expands
                    vertically only for last column
           Product: WebKit
           Version: Safari 9
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: byronhulcher at gmail.com

Created attachment 317576

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

The broken repro case in Safari

Here's a reproduction on Codepen:
https://codepen.io/anon/pen/YxZdLq

It appears that when laying out items in a flex container with `flex-direction: column` and `flex-wrap: wrap` then the container will only expand vertically to the height of the final column of children.  In the example I include the blue child expands beyond the bounds of the flex container in the first two examples, but in the final example, where it takes up the final wrapped column, the container correctly expands.  In Chrome and Firefox, the flex container expands its height as expected.

-- 
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/20170808/526be6cd/attachment.html>


More information about the webkit-unassigned mailing list