Bug 110910

Summary: REGRESSION (r137331): layout issue on usspotemkin.com
Product: WebKit Reporter: Andy Estes <aestes>
Component: Layout and RenderingAssignee: Robert Hogan <robert>
Status: RESOLVED INVALID    
Severity: Normal CC: ddkilzer, hyatt, robert, webkit-bug-importer
Priority: P2 Keywords: InRadar, NeedsReduction
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
URL: http://www.usspotemkin.com/
Bug Depends on: 101803    
Bug Blocks:    
Attachments:
Description Flags
screenshot
none
Reduction
none
Reduction none

Andy Estes
Reported 2013-02-26 13:53:53 PST
Created attachment 190356 [details] screenshot The content is reflowed down below a right-floated sidebar on the page. See attached screenshot. Reducing the margin on div#title_image from 5px to 4px causes it to flow correctly (though at a cost of misaligning elements on the page slightly).
Attachments
screenshot (434.79 KB, image/png)
2013-02-26 13:53 PST, Andy Estes 		no flags
Details
Reduction (916 bytes, text/html)
2013-02-27 13:11 PST, Robert Hogan 		no flags
Details
Reduction (928 bytes, text/html)
2013-02-27 13:14 PST, Robert Hogan 		no flags
Details
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.
Andy Estes
Comment 1 2013-02-26 13:54:47 PST
<rdar://problem/13227853>
Robert Hogan
Comment 2 2013-02-27 11:12:08 PST
The site has the same problem on IE 10 and Opera. FF is in the minority here. So still a chance this isn't a bug. ;) I'll post a reduction when I have it.
Robert Hogan
Comment 3 2013-02-27 13:11:27 PST
Created attachment 190584 [details] Reduction
Robert Hogan
Comment 4 2013-02-27 13:14:04 PST
Created attachment 190585 [details] Reduction
Robert Hogan
Comment 5 2013-02-28 11:43:09 PST
If you make the bottom-right pane wider then narrower on these two tests you can see the contrasting behaviour between Firefox and everyone else. Watch out for when the wide green image starts to avoid the narrow one. http://jsfiddle.net/Md8Tt/1/ http://jsfiddle.net/uMHWy/5/ This looks like a FF bug to me - I see no reason why the behaviour should be different for the two tests.
Dave Hyatt
Comment 6 2013-02-28 12:42:44 PST
Our new rendering is correct. The testcase is rendering incorrectly in the old version of WebKit. To more clearly see this, just change that second float from having a 22px margin to being 22px wider instead and give it a colored background. Then you'll clearly see we're intersecting it when we shouldn't. This should be closed as behaves correctly or w/e. :)
Robert Hogan
Comment 7 2013-02-28 12:43:19 PST
dhyatt agrees this is not a bug. This reduction makes it clearer: http://jsfiddle.net/ApWzA/ FF does not avoid the blue box.
Note You need to log in before you can comment on or make changes to this bug.