- From: AaronBeaudoin via GitHub <sysbot+gh@w3.org>
- Date: Tue, 04 Oct 2022 20:53:34 +0000
- To: public-css-archive@w3.org
This feature is useful for more than just horizontal scrolling on tables. In my case the problem is combining rounded corners with sticky group headers inside a panel. Right now, the easiest way to give a panel/element rounded corners is to do `border-radius: <whatever>px` combined with `overflow: hidden` to prevent child elements with backgrounds from bleeding over the rounded areas at the corners. But that then prevents me from using `position: sticky` on any elements inside the panel. My solution has been to not use `border-radius` or `overflow-hidden` and instead use a `clip-path: inset(0 0 0 0 round <whatever>px)` on the panel, but that comes with a new issue in my case (a bug with Chrome that seems to only occur when I'm using `clip-path` on huge areas such as panels that comprise most of the page) so `clip-path` is not an option either. Right now it's looking like I'm going to have to just use JS and avoid CSS `position: sticky` completely, which is really sad. -- GitHub Notification of comment by AaronBeaudoin Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/865#issuecomment-1267567002 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 4 October 2022 20:53:36 UTC