Bug 137702

Summary:

[CSS Shapes] content inside second shape area when two floats interact

Product:

WebKit

Reporter:

Alan Stearns <stearns>

Component:

CSS

Assignee:

Bem Jones-Bey <bjonesbe>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

commit-queue, esprehn+autocc, glenn, koivisto, kondapallykalyan, mmaxfield, zalan, zoltan

Priority:

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

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.