[csswg-drafts] [css-shapes] Should the shape be rounded with shape-outside:padding-box shape-margin:10px? (#7127)

wangxianzhu has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-shapes] Should the shape be rounded with shape-outside:padding-box shape-margin:10px? ==
The current spec says: This defines a new shape that is the smallest contour (in the shrink-wrap sense) that includes all the points that are the shape-margin distance outward in the perpendicular direction from a point on the underlying shape.

For
```
<div style="width: 100px; height: 100px; float: left;
                    shape-outside: padding-box; border: 50px solid yellow; shape-margin: 40px"></div>
... a lot of text
```
According to the spec, the div should create a 100x100 rectangle with rounded corners with radius=40.

This picture contains the rendered result with non-rounded rect (in Firefox) or rounded rect (in Chrome content_shell with a patch for https://crbug.com/1305037).
<img width="320" alt="Screen Shot 2022-03-10 at 6 53 32 PM" src="https://user-images.githubusercontent.com/9256729/157647418-2c200244-fb56-4140-9c77-9288fd87e178.png">

I'm not sure which one is better, but the latter conforms to the current spec. WDYT?



Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7127 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 10 March 2022 12:56:07 UTC