Skip to content
Merged
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
62 changes: 48 additions & 14 deletions features/scroll-snap.yml
Original file line number Diff line number Diff line change
@@ -1,22 +1,56 @@
name: Scroll snap
description: CSS scroll snap controls the panning and scrolling behavior within a scroll container.
spec: https://drafts.csswg.org/css-scroll-snap-1/
spec: https://drafts.csswg.org/css-scroll-snap-2/
caniuse: css-snappoints
group: scrolling
# Override the status to match caniuse.com. Even using just scroll-snap-type
# doesn't match because of https://bugzil.la/1749352 increasing the Firefox
# version from 68 to 99.
# Override the status to match caniuse.com.
#
# TODO: Decide if https://bugzil.la/1749352 warrants the partial implementation
# status and align BCD and caniuse.
status:
baseline: high
baseline_low_date: 2019-07-09
support:
chrome: "69"
chrome_android: "69"
edge: "79"
firefox: "68"
firefox_android: "68"
safari: "11"
safari_ios: "11"
compute_from: css.properties.scroll-snap-align
compat_features:
- css.properties.scroll-margin
- css.properties.scroll-margin-block
- css.properties.scroll-margin-block-end
- css.properties.scroll-margin-block-start
- css.properties.scroll-margin-bottom
- css.properties.scroll-margin-inline
- css.properties.scroll-margin-inline-end
- css.properties.scroll-margin-inline-start
- css.properties.scroll-margin-left
- css.properties.scroll-margin-right
- css.properties.scroll-margin-top
- css.properties.scroll-padding
- css.properties.scroll-padding-block
- css.properties.scroll-padding-block-end
- css.properties.scroll-padding-block-start
- css.properties.scroll-padding-bottom
- css.properties.scroll-padding-inline
- css.properties.scroll-padding-inline-end
- css.properties.scroll-padding-inline-start
- css.properties.scroll-padding-left
- css.properties.scroll-padding-right
- css.properties.scroll-padding-top
- css.properties.scroll-snap-align
- css.properties.scroll-snap-stop
- css.properties.scroll-snap-type
- css.properties.scroll-padding-block-end.auto
- css.properties.scroll-padding-block-start.auto
- css.properties.scroll-padding-block.auto
- css.properties.scroll-padding-inline-end.auto
- css.properties.scroll-padding-inline-start.auto
- css.properties.scroll-padding-inline.auto
- css.properties.scroll-padding.auto
- css.properties.scroll-snap-align.center
- css.properties.scroll-snap-align.end
- css.properties.scroll-snap-align.none
- css.properties.scroll-snap-align.start
- css.properties.scroll-snap-stop.always
- css.properties.scroll-snap-stop.normal
- css.properties.scroll-snap-type.block
- css.properties.scroll-snap-type.both
- css.properties.scroll-snap-type.inline
- css.properties.scroll-snap-type.none
- css.properties.scroll-snap-type.x
- css.properties.scroll-snap-type.y
56 changes: 56 additions & 0 deletions features/scroll-snap.yml.dist
Original file line number Diff line number Diff line change
@@ -1,7 +1,20 @@
# Generated from: scroll-snap.yml
# Do not edit this file by hand. Edit the source file instead!

status:
baseline: high
baseline_low_date: 2020-01-15
baseline_high_date: 2022-07-15
support:
chrome: "69"
chrome_android: "69"
edge: "79"
firefox: "68"
firefox_android: "68"
safari: "11"
safari_ios: "11"
compat_features:
# ⬇️ Same status as overall feature ⬇️
# baseline: high
# baseline_low_date: 2020-01-15
# baseline_high_date: 2022-07-15
Expand All @@ -14,6 +27,10 @@ compat_features:
# safari: "11"
# safari_ios: "11"
- css.properties.scroll-snap-align
- css.properties.scroll-snap-align.center
- css.properties.scroll-snap-align.end
- css.properties.scroll-snap-align.none
- css.properties.scroll-snap-align.start

# baseline: high
# baseline_low_date: 2021-04-26
Expand All @@ -35,6 +52,7 @@ compat_features:
- css.properties.scroll-padding-left
- css.properties.scroll-padding-right
- css.properties.scroll-padding-top
- css.properties.scroll-padding.auto

# baseline: high
# baseline_low_date: 2021-07-13
Expand Down Expand Up @@ -68,10 +86,16 @@ compat_features:
- css.properties.scroll-margin-inline-start
- css.properties.scroll-padding-block
- css.properties.scroll-padding-block-end
- css.properties.scroll-padding-block-end.auto
- css.properties.scroll-padding-block-start
- css.properties.scroll-padding-block-start.auto
- css.properties.scroll-padding-block.auto
- css.properties.scroll-padding-inline
- css.properties.scroll-padding-inline-end
- css.properties.scroll-padding-inline-end.auto
- css.properties.scroll-padding-inline-start
- css.properties.scroll-padding-inline-start.auto
- css.properties.scroll-padding-inline.auto

# baseline: high
# baseline_low_date: 2022-04-05
Expand All @@ -86,6 +110,36 @@ compat_features:
# safari_ios: "11"
- css.properties.scroll-snap-type

# baseline: high
# baseline_low_date: 2022-04-05
# baseline_high_date: 2024-10-05
# support:
# chrome: "69"
# chrome_android: "69"
# edge: "79"
# firefox: "99"
# firefox_android: "39"
# safari: ≤13.1
# safari_ios: ≤13.4
- css.properties.scroll-snap-type.none

# baseline: high
# baseline_low_date: 2022-04-05
# baseline_high_date: 2024-10-05
# support:
# chrome: "69"
# chrome_android: "69"
# edge: "79"
# firefox: "99"
# firefox_android: "68"
# safari: ≤13.1
# safari_ios: ≤13.4
- css.properties.scroll-snap-type.block
- css.properties.scroll-snap-type.both
- css.properties.scroll-snap-type.inline
- css.properties.scroll-snap-type.x
- css.properties.scroll-snap-type.y

# baseline: low
# baseline_low_date: 2022-07-26
# support:
Expand All @@ -97,3 +151,5 @@ compat_features:
# safari: "15"
# safari_ios: "15"
- css.properties.scroll-snap-stop
- css.properties.scroll-snap-stop.always
- css.properties.scroll-snap-stop.normal