Re: [csswg-drafts] [css-backgrounds-3] Adjustments to spec needed to implement rounded corner clipping of descendants (#5680)

@fantasai here how it looks:
![grabilla g10212](https://user-images.githubusercontent.com/183966/102401451-02fe8b00-3fec-11eb-9173-9374efdfd797.png)

html:
```
<!DOCTYPE html>
<meta charset=UTF-8>
<title>CSS corner-clipping also for padding</title>
<h1>CSS corner-clipping for padding</h1>
<p>Resources: <a href="http://www.w3.org/TR/css3-background/#corner-clipping" target=_blank>W3C spec</a>, <a href="http://lists.w3.org/Archives/Public/www-style/2015Apr/0252.html" target=_blank> answer</a><br>Issue: <a href="https://code.google.com/p/chromium/issues/detail?id=99364" target=_blank>Chrome #99364</a></p>
<p>The padding must be rounded following <a href="http://www.w3.org/TR/css3-background/#corner-clipping" target=_blank>spec</a> - the <a href=#test>TEST-CASE</a> green box must look as a symmetrical circle <a href=#expected>EXPECTED RESULT<a>.</p>
<p id=test>Test-case:</p>
<ul><li></ul>
<p id=expected>Expected result:</p>
<ul class=expected><li></ul>
```

css:
```
ul {
    overflow: hidden;
    display: inline-block;
    padding: .5em;
    list-style: none;
    background-color: rgba(100,0,0,.1);
    border-radius: 100%;
}
li {
    padding: 2em;
    color: #fff;
    text-align: center;
    background-color: green;
}
.expected li {
    border-radius: 100%;
}
:target {
    background-color: yellow;
}
```

-- 
GitHub Notification of comment by laukstein
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5680#issuecomment-746943679 using your GitHub account


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

Received on Wednesday, 16 December 2020 20:15:05 UTC