Add container scroll-state queries (#2567)

This is expected to ship in Chrome 133: https://chromestatus.com/feature/5072263730167808
web-platform-dx · Jan 24, 2025 · 7ddcebf · 7ddcebf
1 parent b9fe05f
commit 7ddcebf
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/features/container-scroll-state-queries.yml b/features/container-scroll-state-queries.yml
@@ -0,0 +1,10 @@
+name: Container scroll-state queries
+description: Container scroll-state queries with the `@container scroll-state(...)` at-rule apply styles to an element based on the sticky positioning, snapped, and scrollable state of the container.
+# Note that a fourth state for scroll direction is being discussed:
+# https://github.com/w3c/csswg-drafts/issues/6400
+# https://github.com/w3c/csswg-drafts/issues/11191
+# TODO: If shipped, update the description or split into smaller features.
+spec: https://drafts.csswg.org/css-conditional-5/#scroll-state-container
+group: container-queries
+compat_features:
+  - css.properties.container-type.scroll-state
diff --git a/features/container-scroll-state-queries.yml.dist b/features/container-scroll-state-queries.yml.dist
@@ -0,0 +1,8 @@
+# Generated from: container-scroll-state-queries.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support: {}
+compat_features:
+  - css.properties.container-type.scroll-state