[Webkit-unassigned] [Bug 168226] New: Flexbox child considers itself equal to "width: 100%" instead "max-width" property

[bugzilla-daemon at webkit.org]

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

            Bug ID: 168226
           Summary: Flexbox child considers itself equal to "width: 100%"
                    instead "max-width" property
    Classification: Unclassified
           Product: WebKit
           Version: Safari 10
          Hardware: Macintosh
                OS: macOS 10.12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: sushko at outlook.com

Created attachment 301337
  --> https://bugs.webkit.org/attachment.cgi?id=301337&action=review
Screens from Safari and other browsers

It turns out that this flexbox child blocks considers itself equal to width: 100% (as set in CSS), but visually they width equal to max-width property (also set in CSS).
I found this bug in all Safari: iOS, macOS, Technology Preview on macOS.

Live demo — http://codepen.io/sashasushko/pen/oBJdrX

See attached screens to understand how blocks behave in other browsers and how it in Safari.

-- 
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/20170213/c25b8196/attachment.html>