[Webkit-unassigned] [Bug 137730] 100% height doesn't work within a flex item in a flexbox

[bugzilla-daemon at webkit.org]

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

Phil <pguerrant at gmail.com> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |pguerrant at gmail.com

--- Comment #14 from Phil <pguerrant at gmail.com> ---
Bump!  Would be awesome if this was fixed soon.  As a developer of a major JavaScript framework, my users need to be able to specify percentage sizes on the elements that they put inside our flexbox-based layouts, without having to resort to using JS-based layouts or other hacks.  All other major browsers support percentage size children in flexbox layouts just fine - safari is the only one holding us back.

(In reply to comment #13)
> This bug is still present in Chrome v55!!

Actually if you remove the flex-basis of "auto" from the fiddle (just use "flex: 1 1"), you'll see that the percentage size works in Chrome.  This is a bug in Chrome -it behaves differently when flex-basis is explicitly set to "auto", even though "auto" is the default.  See https://bugs.chromium.org/p/chromium/issues/detail?id=680484

Bottom line - there is a way to achieve the correct result in Chrome by omitting "flex-basis: auto" from the flex declaration, but there is currently no way to make Safari behave correctly.

-- 
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/20170112/501a906f/attachment.html>