diff --git a/features/logical-properties.yml b/features/logical-properties.yml index f64571dd573..35163f52323 100644 --- a/features/logical-properties.yml +++ b/features/logical-properties.yml @@ -89,3 +89,5 @@ compat_features: - css.properties.padding-inline - css.properties.padding-inline-end - css.properties.padding-inline-start + - css.properties.overflow-block + - css.properties.overflow-inline diff --git a/features/logical-properties.yml.dist b/features/logical-properties.yml.dist index adee569cfe1..a71136c8ff3 100644 --- a/features/logical-properties.yml.dist +++ b/features/logical-properties.yml.dist @@ -203,3 +203,10 @@ compat_features: - css.properties.clear.inline-start - css.properties.float.inline-end - css.properties.float.inline-start + + # baseline: false + # support: + # firefox: "69" + # firefox_android: "79" + - css.properties.overflow-block + - css.properties.overflow-inline diff --git a/features/overflow-clip-margin.yml b/features/overflow-clip-margin.yml new file mode 100644 index 00000000000..620d3ab628c --- /dev/null +++ b/features/overflow-clip-margin.yml @@ -0,0 +1,9 @@ +name: overflow-clip-margin +description: "The `overflow-clip-margin` CSS property sets how far overflow content may appear outside the bounds of an element before it's clipped by effects such as `overflow: clip`." +spec: https://drafts.csswg.org/css-overflow-4/#overflow-clip-margin +group: css +compat_features: + - css.properties.overflow-clip-margin + - css.properties.overflow-clip-margin.border-box + - css.properties.overflow-clip-margin.content-box + - css.properties.overflow-clip-margin.padding-box diff --git a/features/overflow-clip-margin.yml.dist b/features/overflow-clip-margin.yml.dist new file mode 100644 index 00000000000..f2c2bf10541 --- /dev/null +++ b/features/overflow-clip-margin.yml.dist @@ -0,0 +1,11 @@ +# Generated from: overflow-clip-margin.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: {} +compat_features: + - css.properties.overflow-clip-margin + - css.properties.overflow-clip-margin.border-box + - css.properties.overflow-clip-margin.content-box + - css.properties.overflow-clip-margin.padding-box diff --git a/features/overflow-shorthand.yml b/features/overflow-shorthand.yml index eca29ca9ad1..34fa0a443cf 100644 --- a/features/overflow-shorthand.yml +++ b/features/overflow-shorthand.yml @@ -3,3 +3,25 @@ description: The `overflow` CSS property sets the behavior for when content does spec: https://drafts.csswg.org/css-overflow-3/#propdef-overflow group: css caniuse: css-overflow +compat_features: + - css.properties.overflow + - css.properties.overflow-x + - css.properties.overflow-x.auto + - css.properties.overflow-x.clip + - css.properties.overflow-x.hidden + - css.properties.overflow-x.scroll + - css.properties.overflow-x.visible + - css.properties.overflow-y + - css.properties.overflow-y.auto + - css.properties.overflow-y.clip + - css.properties.overflow-y.hidden + - css.properties.overflow-y.scroll + - css.properties.overflow-y.visible + - css.properties.overflow.auto + - css.properties.overflow.clip + - css.properties.overflow.hidden + - css.properties.overflow.multiple_keywords + - css.properties.overflow.scroll + - css.properties.overflow.visible + - css.types.overflow + - css.types.overflow.clip diff --git a/features/overflow-shorthand.yml.dist b/features/overflow-shorthand.yml.dist index e749b30c078..225699128de 100644 --- a/features/overflow-shorthand.yml.dist +++ b/features/overflow-shorthand.yml.dist @@ -27,6 +27,34 @@ compat_features: - css.properties.overflow - css.types.overflow + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: ≤3 + # safari_ios: ≤2 + - css.properties.overflow.auto + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "3" + # safari_ios: "2" + - css.properties.overflow.hidden + - css.properties.overflow.scroll + - css.properties.overflow.visible + # baseline: high # baseline_low_date: 2015-07-29 # baseline_high_date: 2018-01-29 @@ -41,6 +69,38 @@ compat_features: - css.properties.overflow-x - css.properties.overflow-y + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "3.5" + # firefox_android: "4" + # safari: "3" + # safari_ios: ≤2 + - css.properties.overflow-x.auto + - css.properties.overflow-y.auto + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "3.5" + # firefox_android: "4" + # safari: "3" + # safari_ios: "2" + - css.properties.overflow-x.hidden + - css.properties.overflow-x.scroll + - css.properties.overflow-x.visible + - css.properties.overflow-y.hidden + - css.properties.overflow-y.scroll + - css.properties.overflow-y.visible + # baseline: high # baseline_low_date: 2020-03-24 # baseline_high_date: 2022-09-24 diff --git a/features/scroll-behavior.yml b/features/scroll-behavior.yml new file mode 100644 index 00000000000..a0845213f46 --- /dev/null +++ b/features/scroll-behavior.yml @@ -0,0 +1,9 @@ +name: scroll-behavior +description: The `scroll-behavior` CSS property controls whether scrolling is smooth or snaps, for scroll actions not performed by the user such as those triggered by navigation. +spec: https://drafts.csswg.org/css-overflow-3/#smooth-scrolling +group: scrolling +caniuse: css-scroll-behavior +compat_features: + - css.properties.scroll-behavior + - css.properties.scroll-behavior.auto + - css.properties.scroll-behavior.smooth diff --git a/features/scroll-behavior.yml.dist b/features/scroll-behavior.yml.dist new file mode 100644 index 00000000000..130675bbc97 --- /dev/null +++ b/features/scroll-behavior.yml.dist @@ -0,0 +1,19 @@ +# Generated from: scroll-behavior.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2022-03-14 + baseline_high_date: 2024-09-14 + support: + chrome: "61" + chrome_android: "61" + edge: "79" + firefox: "36" + firefox_android: "36" + safari: "15.4" + safari_ios: "15.4" +compat_features: + - css.properties.scroll-behavior + - css.properties.scroll-behavior.auto + - css.properties.scroll-behavior.smooth diff --git a/features/scrollbar-gutter.yml b/features/scrollbar-gutter.yml index 9a3b02ec326..6039f620662 100644 --- a/features/scrollbar-gutter.yml +++ b/features/scrollbar-gutter.yml @@ -2,3 +2,7 @@ name: scrollbar-gutter description: The `scrollbar-gutter` CSS property reserves space for the scrollbar, preventing unwanted layout changes as the scrollbar appears and disappears. spec: https://drafts.csswg.org/css-overflow-3/#scrollbar-gutter-property group: scrolling +compat_features: + - css.properties.scrollbar-gutter + - css.properties.scrollbar-gutter.auto + - css.properties.scrollbar-gutter.stable diff --git a/features/scrollbar-gutter.yml.dist b/features/scrollbar-gutter.yml.dist index 4fc55061b35..d542172c06c 100644 --- a/features/scrollbar-gutter.yml.dist +++ b/features/scrollbar-gutter.yml.dist @@ -11,3 +11,5 @@ status: firefox_android: "97" compat_features: - css.properties.scrollbar-gutter + - css.properties.scrollbar-gutter.auto + - css.properties.scrollbar-gutter.stable diff --git a/features/text-overflow.yml b/features/text-overflow.yml new file mode 100644 index 00000000000..d0984e1bb70 --- /dev/null +++ b/features/text-overflow.yml @@ -0,0 +1,10 @@ +name: Text overflow +description: The `text-overflow` CSS property sets how hidden overflow content appears to users. The property can clip content, truncate content with an ellipsis (…), or truncate with a custom string. +spec: https://drafts.csswg.org/css-overflow-4/#text-overflow +group: css +caniuse: text-overflow +compat_features: + - css.properties.text-overflow + - css.properties.text-overflow.clip + - css.properties.text-overflow.ellipsis + - svg.global_attributes.text-overflow diff --git a/features/text-overflow.yml.dist b/features/text-overflow.yml.dist new file mode 100644 index 00000000000..89ca9091ab8 --- /dev/null +++ b/features/text-overflow.yml.dist @@ -0,0 +1,20 @@ +# Generated from: text-overflow.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "7" + firefox_android: "7" + safari: "1.3" + safari_ios: "1" +compat_features: + - css.properties.text-overflow + - css.properties.text-overflow.clip + - css.properties.text-overflow.ellipsis + - svg.global_attributes.text-overflow