[Webkit-unassigned] [Bug 172262] New: CSS Flexbox, flex-wrap property not working

[bugzilla-daemon at webkit.org]

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

            Bug ID: 172262
           Summary: CSS Flexbox, flex-wrap property not working
           Product: WebKit
           Version: Safari 10
          Hardware: All
                OS: All
            Status: NEW
          Severity: Critical
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: s.daniakash at gmail.com

flex-wrap property is not working for two <div> elements inside a flexbox. It is not wrapping the div to new row even if the viewport size is not enough to display the two contents. Refer the following page:

https://daniakash.github.io/safari-webkit-flexbox-bug/

If the page is resized horizontally, the second <div> is not being wrapped to a new line. Source code for the above website is available at - https://github.com/DaniAkash/safari-webkit-flexbox-bug

Screenshots of the website in:
* chrome - https://raw.githubusercontent.com/DaniAkash/safari-webkit-flexbox-bug/master/images/chrome.png
* safari - https://raw.githubusercontent.com/DaniAkash/safari-webkit-flexbox-bug/master/images/safari.png

Tested it with Safari 10.0 and 10.1 on mac and Safari browser on iPhone with iOS version 10.1.1

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