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>
Status: RESOLVED FIXED    
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
Attachments:
Description Flags
Minimal test case, requires Ahem font
none
Patch none

Alan Stearns
Reported 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: http://codepen.io/AmeliaBR/pen/DgrCo
Attachments
Minimal test case, requires Ahem font (654 bytes, text/html)
2015-01-08 11:22 PST, Bem Jones-Bey 		no flags
Details
Patch (6.06 KB, patch)
2015-01-09 11:51 PST, Bem Jones-Bey 		no flags
DetailsFormatted DiffDiff
View All Add attachment proposed patch, testcase, etc.
Alan Stearns
Comment 1 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.
Bem Jones-Bey
Comment 2 2015-01-08 11:22:00 PST
Created attachment 244273 [details] Minimal test case, requires Ahem font
Bem Jones-Bey
Comment 3 2015-01-09 11:51:31 PST
Created attachment 244357 [details] Patch
Bem Jones-Bey
Comment 4 2015-01-09 12:09:49 PST
WDYT?
WebKit Commit Bot
Comment 5 2015-01-09 13:02:00 PST
Comment on attachment 244357 [details] Patch Clearing flags on attachment: 244357 Committed r178192: <http://trac.webkit.org/changeset/178192>
WebKit Commit Bot
Comment 6 2015-01-09 13:02:04 PST
All reviewed patches have been landed. Closing bug.
Note You need to log in before you can comment on or make changes to this bug.