Bug 151926

Summary: Block formatting context (overflow:hidden) doesn't clear float if two clear:both divs at end of container in between
Product: WebKit Reporter: Chris Rebert <webkit>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: simon.fraser, webkit-bug-importer
Priority: P2 Keywords: HasReduction, InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
URL: https://bugzilla.mozilla.org/attachment.cgi?id=8665202
See Also: http://code.google.com/p/chromium/issues/detail?id=535381
https://bugzilla.mozilla.org/show_bug.cgi?id=1196255
Attachments:
Description Flags
Screenshot of incorrect rendering in WebKit Nightly
none
Screenshot of correct rendering in Chrome Canary none

Description Chris Rebert 2015-12-06 15:45:18 PST
Created attachment 266740 [details]
Screenshot of incorrect rendering in WebKit Nightly

Steps to reproduce:
1. Open https://bugzilla.mozilla.org/attachment.cgi?id=8665202 in WebKit Nightly

Expected results:
The yellow box should be entirely below (with respect to the Y axis) the blue floating box.
See Chrome Canary screenshot.
IE11 and Firefox Nightly also behave like Chrome Canary.

Actual results:
The blue floating box is entirely within the yellow box.
See WebKit Nightly screenshot.

Analogous Chrome bug: https://code.google.com/p/chromium/issues/detail?id=535381

Originally discovered in: https://bugzilla.mozilla.org/show_bug.cgi?id=1196255
Comment 1 Chris Rebert 2015-12-06 15:46:37 PST
Created attachment 266742 [details]
Screenshot of correct rendering in Chrome Canary
Comment 2 Radar WebKit Bug Importer 2016-01-16 02:57:04 PST
<rdar://problem/24219751>
Comment 3 Chris Rebert 2016-03-22 16:09:45 PDT
Still broken in Safari Version 9.1 (11601.5.17.1).
Comment 4 Chris Rebert 2016-09-17 23:24:23 PDT
Still broken in Tech Preview Release 13 (WebKit 11603.1.5).

Worth noting that this was fixed in Chrome and the patch looks trivial:
https://codereview.chromium.org/1393533002