Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions features/scroll-marker-targets.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
name: Scroll marker target pseudo-classes
description: The `:target-current` CSS pseudo-class selects the active scroll marker (as in `::scroll-marker`), while the `:target-after` and `:target-before` pseudo-classes select the inactive markers preceding and following the active scroll marker.
spec: https://drafts.csswg.org/css-overflow-5/#active-before-after-scroll-markers
group: scroll-markers
compat_features:
- css.selectors.target-before
- css.selectors.target-current
- css.selectors.target-after
22 changes: 22 additions & 0 deletions features/scroll-marker-targets.yml.dist
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
# Generated from: scroll-marker-targets.yml
# Do not edit this file by hand. Edit the source file instead!

status:
baseline: false
support:
chrome: "142"
edge: "142"
compat_features:
# baseline: false
# support:
# chrome: "142"
# chrome_android: "142"
# edge: "142"
- css.selectors.target-after
- css.selectors.target-before

# baseline: false
# support:
# chrome: "135"
# edge: "135"
- css.selectors.target-current
4 changes: 2 additions & 2 deletions features/scroll-markers.yml
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
name: Scroll markers
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.

description: A scroll container can be navigated by activating `::scroll-marker` pseudo-elements which appear in a generated `::scroll-marker-group` pseudo-element, either before or after the scroll container.
description: A scroll marker scrolls a container to a scroll target. The `::scroll-marker` CSS pseudo-element selects a scroll marker in a `::scroll-marker-group` pseudo-element, generated before or after the scroll container. You can use them to navigate and style tables of contents, tab panels, and carousels.
spec: https://drafts.csswg.org/css-overflow-5/#scroll-markers
group: scrolling
group: scroll-markers
compat_features:
- css.selectors.scroll-marker
- css.selectors.scroll-marker-group
Expand Down
11 changes: 11 additions & 0 deletions features/scroll-target-group.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
name: scroll-target-group
description: >
The `scroll-target-group` CSS property sets the container where anchor links act as scroll markers.
Using selectors such as `:target-current`, you can style elements when a target has scrolled into view.
It's an alternative to the `::scroll-marker-group` pseudo-element, which generates scroll markers.
spec: https://drafts.csswg.org/css-overflow-5/#scroll-target-group
group: scroll-markers
compat_features:
- css.properties.scroll-target-group
- css.properties.scroll-target-group.auto
- css.properties.scroll-target-group.none
13 changes: 13 additions & 0 deletions features/scroll-target-group.yml.dist
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
# Generated from: scroll-target-group.yml
# Do not edit this file by hand. Edit the source file instead!

status:
baseline: false
support:
chrome: "140"
chrome_android: "140"
edge: "140"
compat_features:
- css.properties.scroll-target-group
- css.properties.scroll-target-group.auto
- css.properties.scroll-target-group.none
7 changes: 7 additions & 0 deletions groups/scroll-markers.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
# https://drafts.csswg.org/css-overflow-5/#scroll-markers
name: Scroll markers
parent: scrolling
# The collection of things that make up scroll-markers. It's likely that all of
# the items in this group will some day merge into the `scroll-markers` feature,
# but until we have the machinery to represent feature merges, this is a good
# way to find them all.