[css3-exclusions] how to handle exclusion shape-inside overflow

Here's a CSS Exclusions issue we'd like to see clarified in the spec.

https://sites.google.com/site/hansmuller/webkit-blog/shape-inside-overflow.png

The diagram above shows two examples of how inline content would overflow in the block direction, given a "shape-inside" exclusion shape. The shape on the left is a rounded rectangle and five line segments, represented by blue rectangles, fit entirely within it. If the rule for block direction layout within a shape is that the width of the last line segment is not constrained by horizontal shape edges, then the width of the last (sixth) line segment is constrained by the X axis radius of the rectangle's rounded corners. Only four line segments fit within the ellipse on the right because, per the rule, the bottom of the ellipse would constrain the width of a fifth line segment to zero.

Assuming overflow is not hidden, content that overflows the shape begins below the shape's element or below the last overlapping line segment, whichever is logically lower.  The width of the overflow content is defined by the shape element's parent.

Does this sound (and look) correct?

This issue was also raised here, https://www.w3.org/Bugs/Public/show_bug.cgi?id=16460.  In this case, overflow content was to begin immediately below the shape and the overflow's width would be defined by the shape-inside element.


Thanks,
- Hans

Received on Wednesday, 26 September 2012 11:17:50 UTC