[Webkit-unassigned] [Bug 136041] New: Safari (WebKit) doesn't wrap element within flex when width comes below min-width

[bugzilla-daemon at webkit.org]

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

           Summary: Safari (WebKit) doesn't wrap element within flex when
                    width comes below min-width
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: NEW
          Severity: Normal
          Priority: P3
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: kenan at sly.mn


Created an attachment (id=236765)
 --> (https://bugs.webkit.org/attachment.cgi?id=236765&action=review)
Screenshot: Safari, Chrome, Opera, Firefox.

Safari doesn't wrap an element when flex is applied (1 0 25%) and the width comes below the set min-width. This is different in Firefox, Chrome (Blink) and Opera (Blink). That is, I assume it was already fixed in that fork and not incorrectly implemented in Gecko at the first place.

Changing

flex: 1 0 25%;

to

flex: 1 0 40%;

Seems to be a bit of a workaround, doesn't fix it, though.

In the attachment (Screenshot), from left to right: Safari, Chrome, Opera, Firefox.

Since I am unable to attach two attachments, see this link for the example used in the screenshot: http://data.sly.mn/text/163h0C2x2f3O/raw.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.