Bug 137702

Summary: [CSS Shapes] content inside second shape area when two floats interact
Product: WebKit Reporter: Alan Stearns <stearns>
Component: CSSAssignee: Bem Jones-Bey <bjonesbe>
Severity: Normal CC: commit-queue, esprehn+autocc, glenn, koivisto, kondapallykalyan, mmaxfield, zalan, zoltan
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
URL: http://codepen.io/astearns/pen/hKrLE
Description Flags
Minimal test case, requires Ahem font
Patch none

Description Alan Stearns 2014-10-14 11:07:46 PDT
If you have both a left and right float affecting some content, and the floats do not have much room in-between, content can run into the shape area of the second float. The codepen with triangles shows the right side of a word or two impinging on the second float. This codepen shows multiple words in one or more lines running through the second float:

Comment 1 Alan Stearns 2014-10-14 11:09:42 PDT
In both codepens, you need to narrow the window until just before the right float clears the left.
Comment 2 Bem Jones-Bey 2015-01-08 11:22:00 PST
Created attachment 244273 [details]
Minimal test case, requires Ahem font
Comment 3 Bem Jones-Bey 2015-01-09 11:51:31 PST
Created attachment 244357 [details]
Comment 4 Bem Jones-Bey 2015-01-09 12:09:49 PST
Comment 5 WebKit Commit Bot 2015-01-09 13:02:00 PST
Comment on attachment 244357 [details]

Clearing flags on attachment: 244357

Committed r178192: <http://trac.webkit.org/changeset/178192>
Comment 6 WebKit Commit Bot 2015-01-09 13:02:04 PST
All reviewed patches have been landed.  Closing bug.