[css-shapes] Handling large corner radii values for rectangle and inset-rectangle

The current CSS Shapes draft[1] says that if the corner radii for rectangle and inset-rectangle follow the rules for corner radii for the SVG rect basic shape[2]. In the case of the radii being large enough that they would intersect, the SVG spec says that the radii in question should be clamped to 50% of it's associated rectangle edge (rx gets clamped to 50% width, ry gets clamped to 50% height). However, CSS Backgrounds and Borders defines a different rule for CSS border radius for this situation[3]. It seems like it would make the most sense for CSS Shapes to use the same behavior as border-radius to be consistent with the expectations of authors. What do you think?

- Bem

[1]: http://dev.w3.org/csswg/css-shapes/
[2]: http://www.w3.org/TR/SVG/shapes.html#RectElement
[3]: http://www.w3.org/TR/css3-background/#corner-overlap

Received on Saturday, 8 June 2013 01:26:48 UTC