[Webkit-unassigned] [Bug 166461] New: Percentage flex-basis makes element collapse when a `display: flex` element is inside a `flex-flow: column` parent

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Dec 23 09:33:07 PST 2016


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

            Bug ID: 166461
           Summary: Percentage flex-basis makes element collapse when a
                    `display: flex` element is inside a `flex-flow:
                    column` parent
    Classification: Unclassified
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Macintosh
                OS: OS X 10.11
            Status: NEW
          Severity: Minor
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: pixelbandito at gmail.com
                CC: simon.fraser at apple.com

Created attachment 297710
  --> https://bugs.webkit.org/attachment.cgi?id=297710&action=review
Current state (bug)

Percentage flex-basis makes element collapse when a `display: flex` element is inside a `flex-flow: column` parent

Expected: When using `flex-flow: column` with no specified height on a parent element, when a child element also has `display: flex` and `flex-basis` defined in relative terns (a percentage), the flex-basis should be ignored and the child elements content should determine the height.

Example: https://jsfiddle.net/pixelbandito/6swsv3y4/

(Chrome and Firefox's implementations seems to do the right thing.)

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20161223/911cb5c5/attachment.html>


More information about the webkit-unassigned mailing list