NEW 113222
REGRESSION(146272): Flex layout stretches image with max-wigth: 100% strangely 
https://bugs.webkit.org/show_bug.cgi?id=113222
Summary REGRESSION(146272): Flex layout stretches image with max-wigth: 100% strangely
Timothy Hatcher
Reported 2013-03-25 10:56:26 PDT
Created attachment 194888 [details] Test Case The image with max-width: 100% extends outside the grounds of a flex container. This recently broke and was noticed in Safari's Web Inspector. See the reduced test case.
Attachments
Test Case (616 bytes, text/html)
2013-03-25 10:56 PDT, Timothy Hatcher 		no flags
Details
Problem as Seen in Safari Web Inspector (1.23 MB, image/png)
2013-03-25 10:58 PDT, Timothy Hatcher 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Timothy Hatcher
Comment 1 2013-03-25 10:57:10 PDT
<rdar://problem/13493712>
Timothy Hatcher
Comment 2 2013-03-25 10:58:34 PDT
Created attachment 194889 [details] Problem as Seen in Safari Web Inspector
Ojan Vafai
Comment 3 2013-03-25 11:46:20 PDT
Pretty sure it regressed in http://trac.webkit.org/changeset/146272 (it works correctly at r145978 for me). This should get fixed when bug 111790 is resolved.
Tony Chang
Comment 4 2013-03-25 11:50:34 PDT
As a work around, you can add min-width: 0 to the image. The flexbox spec used to have a special min-width: auto that resolved to min-content, but since that resulted in unexpected behaviors most of the time, it got reverted. See http://lists.w3.org/Archives/Public/www-style/2013Feb/0364.html for the discussion. Bug 111790 is about going back to min-width: 0 as the default.
Timothy Hatcher
Comment 5 2013-03-25 13:01:04 PDT
Thanks!
Note You need to log in before you can comment on or make changes to this bug.