- From: Egor Kloos via GitHub <sysbot+gh@w3.org>
- Date: Fri, 09 Sep 2022 13:46:54 +0000
- To: public-css-archive@w3.org
> Though as I said, `overflow: clip; overflow-clip-margin: content-box` seems a better solution in most cases.
For visual parity you could just use a thick border, which might even trump the overflow clip approach.
There is a common use case where you would have an element partially moved outside the card container to highlight it. Like so: https://codepen.io/dutchcelt/pen/ExLKZGe
The thick border is messy and overflow clip is a bit too restrictive. I think the case to have a simple unintrusive solution for this is clear.
```css
.panel {
border-radius: 24px;
container: panel / size;
}
.content {
border-radius: follow follow 0 0; /* default is parent */
border-radius-target: panel; /* could be child element */
}
```
I've suggested `follow`, but `fit-parent` or `nearest-parent`/`nearest-child` would also work well.
--
GitHub Notification of comment by dutchcelt
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7707#issuecomment-1241996407 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 9 September 2022 13:46:56 UTC