[Webkit-unassigned] [Bug 150601] New: flex-wrap: wrap and causes flex item's size to be 0 when it has element with percentage padding

[bugzilla-daemon at webkit.org]

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

            Bug ID: 150601
           Summary: flex-wrap: wrap and causes flex item's size to be 0
                    when it has element with percentage padding
    Classification: Unclassified
           Product: WebKit
           Version: Safari 9
          Hardware: Macintosh
                OS: Mac OS X 10.11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: i.safareli at gmail.com

When flex container's flex-wrap is set to wrap, flex item's size is 0 if it has element with percentage padding

problem is when percentage padding is on direction of flex container:
top, bottom on column and left, right on row.

so for example you can use percentage value for padding-[top | bottom] when flex-direction is row
but not for padding-[left | right]



here is example to reproduce this issue: http://codepen.io/safareli/pen/Oyprdr?editors=100
curently there is no workaround for this https://github.com/philipwalton/flexbugs/issues/86

Safari Version : 9.0.1 (11601.2.7.2)

Other browsers tested:
  FAIL   Chrome: 46.0.2490.80 (Official Build) (64-bit)
  FAIL  Firefox: 41.0.2

-- 
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/20151027/dc7727bd/attachment.html>