[Webkit-unassigned] [Bug 146310] New: Flexbox items don't stack if min-width is larger than flex-basis

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Jun 25 02:26:10 PDT 2015


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

            Bug ID: 146310
           Summary: Flexbox items don't stack if min-width is larger than
                    flex-basis
    Classification: Unclassified
           Product: WebKit
           Version: 528+ (Nightly build)
          Hardware: Macintosh Intel
                OS: Mac OS X 10.10
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: webkit at agosto.nl

Problem:
When flexbox items are given a min-width that is larger than its flex-basis, they don't stack when they don't fit horizontally. It doesn't seem to matter whether flex-flow is set to any combination of row and wrap (row, row-reverse, wrap, and wrap-reverse). Flex-grow and flex-shrink don't have an impact on the stacking.

Expected result:
Flexbox items should stack when they don't fit horizontally.

Testcase: 
http://codepen.io/Michiel/pen/b44eb081417fc226c794c8772eb8801e?editors=110

Use-cases:
Automatic float based fallback for browsers that don't support flexbox, see this pen: http://codepen.io/heydon/pen/doZJXz/?editors=110

-- 
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/20150625/bb3e845b/attachment-0001.html>


More information about the webkit-unassigned mailing list