Bug 137702 - [CSS Shapes] content inside second shape area when two floats interact
Summary: [CSS Shapes] content inside second shape area when two floats interact
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Bem Jones-Bey
URL: http://codepen.io/astearns/pen/hKrLE
Keywords:
Depends on:
Blocks:
 
Reported: 2014-10-14 11:07 PDT by Alan Stearns
Modified: 2015-01-09 13:02 PST (History)
8 users (show)

See Also:


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 Details | Formatted Diff | Diff

Note You need to log in before you can comment on or make changes to this bug.
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:

http://codepen.io/AmeliaBR/pen/DgrCo
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]
Patch
Comment 4 Bem Jones-Bey 2015-01-09 12:09:49 PST
WDYT?
Comment 5 WebKit Commit Bot 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>
Comment 6 WebKit Commit Bot 2015-01-09 13:02:04 PST
All reviewed patches have been landed.  Closing bug.