[csswg-drafts] [css-backgrounds] Problem of the 6th case in css/css-backgrounds/box-shadow-radius-000.html (#7104)

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

== [css-backgrounds] Problem of the 6th case in css/css-backgrounds/box-shadow-radius-000.html ==
It's
```
<div class="half trap">
  <div class="test"></div>
  <div class="ref"></div>
</div>
```

It expects a rounded border on a box with style:
```
  position: absolute;
  border-radius: 21px;
  border: 18px solid silver;
  width: 62px;
  height: 62px;
  top: 19px;
  left: 19px;
```
to fully cover a box-shadow on a box with style:
```
  position: absolute;
  box-shadow: 0 0 0 16px;
  border-radius: 8px;
  width: 28px;
  height: 28px;
  top: 36px;
  left: 36px;
```

However, the inner edge (i.e. the padding edge) of the rounded border has a radius of 3px (= 21px - 18px) [1] which is smaller than that (8px) of the inner edge of the box-shadow, thus the inner corners of the box-shadow can't be covered by the inner corners of the rounded border.

[1] Following https://www.w3.org/TR/css-backgrounds-3/#corner-shaping about the padding edge.

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


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

Received on Saturday, 5 March 2022 14:43:18 UTC