Add scroll-target-group and scroll-marker-targets
#3577
Conversation
github-actions
bot
added
the
feature definition
features/scroll-target-group.yml
Outdated
| @@ -0,0 +1,10 @@ | |||
| name: scroll-target-group | |||
| description: > | |||
| The `scroll-target-group` CSS property picks an element to be a scroll marker group container, which uses the anchor links within that element as scroll markers. | |||
There was a problem hiding this comment.
Feel free to ignore, since this might just be me, but the benefit wasn't immediately clear to me. How about: The scroll-target-group property designates an element as a container where existing anchor links function as scroll markers. This enables the links to automatically track and highlight which target section is currently scrolled into view.
There was a problem hiding this comment.
Thank you for this review. I started to rewrite this, but I found that, without :target-current as part of this (or some reference to it), it's hard to make sense of this as a standalone feature. I'm going to put this into draft a bit and see if I can come up with something more coherent.
There was a problem hiding this comment.
If it helps, here's another explanation and demo: https://chrome.dev/css-wrapped-2025/#scroll-target-group
Though you're right that this also makes use of :target-group
ddbeck
changed the title
scroll-target-group featurescroll-target-group and scroll-marker-targets
| @@ -1,7 +1,7 @@ | |||
| name: Scroll markers | |||
There was a problem hiding this comment.
I've tried to rework this so it's the head feature of the overall cluster of scroll markers as a general feature. I would expect, someday, to see scroll-marker-targets and scroll-target-group merge into this feature.
3 participants
Fixes #3561.
Thanks to @una with this blog post about the feature to help me understand what this is, why it's so cool, and, ultimately, guide to me to a plausible two-sentence description.