Bug 113222

Summary: REGRESSION(146272): Flex layout stretches image with max-wigth: 100% strangely
Product: WebKit Reporter: Timothy Hatcher <timothy>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: cbiesinger, joepeck, tony
Priority: P2 Keywords: InRadar, Regression
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on:    
Bug Blocks: 62048    
Attachments:
Description Flags
Test Case
none
Problem as Seen in Safari Web Inspector none

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.