Adds new overflow properties. Adds keys to overflow and logical properties

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

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

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

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

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

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

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

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

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

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

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

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