Bug 138139 – [CSS Shapes] Content does not wrap with overflow: hidden and reference box different from margin-box

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

[Bear Travis]

Created attachment 240558 [details]
Test case

This specific combination of CSS properties causes inline content not to wrap but instead be pushed down below the shaped float.

on the float
border-radius that causes the border-box to be a circle
shape-outside margin-box
margin > 1

on the inline content
overflow hidden

See the attached test case

[Bem Jones-Bey]

Created attachment 244077 [details]
Simplified Testcase

It looks like this doesn't even need a border radius. The key here is that the shape needs to be smaller than the margin box of the float and the paragraph to wrap needs to have overflow: hidden. This simplified testcase version doesn't have a margin or a border, just an inset(1em).

[Bem Jones-Bey]

Created attachment 244163 [details]
Patch

[Dave Hyatt]

Comment on attachment 244163 [details]
Patch

r=me. Vertical writing mode test would be nice though.

[Bem Jones-Bey]

(In reply to comment #3)
> Comment on attachment 244163 [details]
> Patch
> 
> r=me. Vertical writing mode test would be nice though.

Thanks. Since this is already in the CQ, I filed Bug 140189 to make sure I add that test.

[WebKit Commit Bot]

Comment on attachment 244163 [details]
Patch

Clearing flags on attachment: 244163

Committed r178045: <http://trac.webkit.org/changeset/178045>

[WebKit Commit Bot]

All reviewed patches have been landed.  Closing bug.