@@ -26,7 +26,7 @@ Abstract: This module contains the features of CSS
2626 and container queries.
2727Default Highlight : css
2828WPT Path Prefix : css/css-conditional/
29- WPT Display : closed
29+ WPT Display : open
3030</pre>
3131
3232<pre class="link-defaults">
@@ -626,6 +626,11 @@ Naming Query Containers: the 'container-name' property</h3>
626626 Animation type : not animatable
627627 </pre>
628628
629+ <wpt>
630+ container-queries/container-ident-function.html
631+ container-queries/container-ident-function.html
632+ </wpt>
633+
629634 The 'container-name' property
630635 specifies a list of <dfn export lt="query container name">query container names</dfn> .
631636 These names can be used by ''@container'' rules
@@ -1008,6 +1013,18 @@ Container Queries: the ''@container'' rule</h3>
10081013 | <<general-enclosed>>
10091014 </pre>
10101015
1016+ <wpt>
1017+ container-queries/container-ident-function.html
1018+ container-queries/container-ident-function.html
1019+ container-queries/multiple-size-containers-comma-separated-queries.html
1020+ container-queries/multiple-style-containers-comma-separated-queries.html
1021+ container-queries/query-container-name.html
1022+ container-queries/scroll-state/at-container-scrolled-parsing.html
1023+ container-queries/scroll-state/multiple-scroll-state-containers-comma-separated-queries.html
1024+ container-queries/scroll-state/scroll-state-query-with-var.html
1025+ container-queries/size-query-with-var.html
1026+ </wpt>
1027+
10111028 The keywords ''container-name/none'' , ''and'' , ''not'' , and ''or''
10121029 are excluded from the <<custom-ident>> above.
10131030
@@ -1203,6 +1220,11 @@ Size Container Features</h3>
12031220 is the same as for [=CSS feature queries=] .
12041221 (See ''@supports'' . [[!css-conditional-3]] )
12051222
1223+ <wpt>
1224+ container-queries/size-container-auto-height.html
1225+ container-queries/var-evaluation.html
1226+ </wpt>
1227+
12061228 If the [=query container=] does not have a [=principal box=] ,
12071229 or the principal box is not a [=layout containment box=] ,
12081230 or the [=query container=] does not support [=container size queries=] on the relevant axes,
@@ -1390,6 +1412,11 @@ Style Container Features</h3>
13901412 The <dfn><<style-feature-value>></dfn> production matches any valid <<declaration-value>>
13911413 as long as it doesn't contain <<mf-lt>> , <<mf-gt>> and <<mf-eq>> tokens.
13921414
1415+ <wpt>
1416+ container-queries/style-query-registered-custom-rem-change.html
1417+ container-queries/style-query-unset-on-root.html
1418+ </wpt>
1419+
13931420 A <<style-feature-plain>> evaluates to true
13941421 if the [=computed value=] of the given property
13951422 on the [=query container=] matches the given value
@@ -1474,6 +1501,10 @@ Sticky positioning: the '@container/stuck' feature</h4>
14741501 Type : discrete
14751502 </pre>
14761503
1504+ <wpt>
1505+ container-queries/scroll-state/scroll-state-stuck-pseudo.html
1506+ </wpt>
1507+
14771508 The '@container/stuck' [=container feature=] queries whether a
14781509 ''position/sticky'' positioned container is visually shifted to stay inside
14791510 the [=sticky view rectangle=] for the given edge. The logical edges map to
@@ -1535,6 +1566,11 @@ Scroll snapping: the '@container/snapped' feature</h4>
15351566 Type : discrete
15361567 </pre>
15371568
1569+ <wpt>
1570+ container-queries/scroll-state/scroll-state-snapped-both.html
1571+ container-queries/scroll-state/scroll-state-snapped-pseudo.html
1572+ </wpt>
1573+
15381574 The '@container/snapped' [=container feature=] queries whether a [=snap target=]
15391575 is, or would be, snapped to its [=scroll snap container=] , in the given axis. That is,
15401576 it matches any [=snap target=] that the {{scrollsnapchanging}} event is fired for.
@@ -1578,6 +1614,15 @@ Scrollable: the '@container/scrollable' feature</h4>
15781614 Type : discrete
15791615 </pre>
15801616
1617+ <wpt>
1618+ container-queries/scroll-state/scroll-state-scrollable-axis.html
1619+ container-queries/scroll-state/scroll-state-scrollable-body-001.html
1620+ container-queries/scroll-state/scroll-state-scrollable-body-002.html
1621+ container-queries/scroll-state/scroll-state-scrollable-layout-change-002.html
1622+ container-queries/scroll-state/scroll-state-scrollable-pseudo.html
1623+ container-queries/scroll-state/scroll-state-scrollable-root.html
1624+ </wpt>
1625+
15811626 The '@container/scrollable' [=container feature=] queries whether a
15821627 [=scroll container=] has clipped [=scrollable overflow rectangle=] content
15831628 in the given direction which is reachable through user initiated scrolling.
@@ -1640,6 +1685,27 @@ Scrolled: the '@container/scrolled' feature</h4>
16401685 Type : discrete
16411686 </pre>
16421687
1688+ <wpt>
1689+ container-queries/scroll-state/scroll-state-scrolled-arrow-key-scroll.html
1690+ container-queries/scroll-state/scroll-state-scrolled-home-end-scroll.html
1691+ container-queries/scroll-state/scroll-state-scrolled-hv.html
1692+ container-queries/scroll-state/scroll-state-scrolled-keyboard-scroll-on-body.html
1693+ container-queries/scroll-state/scroll-state-scrolled-keyboard-scroll-on-root.html
1694+ container-queries/scroll-state/scroll-state-scrolled-mouse-drag-scroll.html
1695+ container-queries/scroll-state/scroll-state-scrolled-multiple-scrollers.html
1696+ container-queries/scroll-state/scroll-state-scrolled-programmatic-absolute-scrolls.html
1697+ container-queries/scroll-state/scroll-state-scrolled-programmatic-relative-scrolls.html
1698+ container-queries/scroll-state/scroll-state-scrolled-pu-pd-scroll.html
1699+ container-queries/scroll-state/scroll-state-scrolled-scrollbar-button-clicks.html
1700+ container-queries/scroll-state/scroll-state-scrolled-scrollbar-track-clicks.html
1701+ container-queries/scroll-state/scroll-state-scrolled-spacebar-scroll.html
1702+ container-queries/scroll-state/scroll-state-scrolled-user-touch-scroll.html
1703+ container-queries/scroll-state/scroll-state-scrolled-wheel-scroll.html
1704+ container-queries/scroll-state/scroll-state-scrolled-wm.html
1705+ container-queries/scroll-state/at-container-scrolled-parsing.html
1706+ container-queries/scroll-state/at-container-scrolled-serialization.html
1707+ </wpt>
1708+
16431709 For a [=query container=] that is a [=scroll container=] ,
16441710 the '@container/scrolled' [=container feature=] queries the direction of its most recent [=relative scroll=] .
16451711 The logical values map to physical based on the direction and writing-mode of the [=query container=] .
@@ -1719,6 +1785,11 @@ Container Relative Lengths: the ''cqw'', ''cqh'', ''cqi'', ''cqb'', ''cqmin'', '
17191785 </tbody>
17201786 </table>
17211787
1788+ <wpt>
1789+ container-queries/container-units-auto.html
1790+ container-queries/container-units-selection-pseudo.html
1791+ </wpt>
1792+
17221793 For each element,
17231794 [=container query length=] units are evaluated
17241795 as [=container size queries=] on the relevant axis (or axes)
@@ -1771,6 +1842,11 @@ improving maintainability and readability.
17711842 }
17721843 </pre>
17731844
1845+ <wpt>
1846+ at-supports-selector-details-content-before.html
1847+ at-supports-selector-details-content.html
1848+ </wpt>
1849+
17741850 Where <dfn><<supports-condition-name>></dfn> is an <<extension-name>> that defines the name of the supports query.
17751851
17761852 Anything inside the block is evaluated to test whether the user agent supports the features used.
@@ -2154,3 +2230,13 @@ Additions since Level 4</h3>
21542230 js/conditional-CSSGroupingRule.html
21552231 js/supports-conditionText.html
21562232</wpt>
2233+
2234+ <wpt hidden title="unclear where these go">
2235+ js/CSS-supports-details-content-pseudo-parsing.html
2236+ </wpt>
2237+
2238+ <wpt hidden title="crashers">
2239+ container-queries/crashtests/chrome-bug-385317081-crash.html
2240+ container-queries/crashtests/chrome-bug-439886903-crash.html
2241+ container-queries/position-sticky-crash.html
2242+ </wpt>
0 commit comments