From 420269e291042a3913cc89f657e1e4447f2c6d7b Mon Sep 17 00:00:00 2001 From: Rune Lillesveen Date: Wed, 18 Sep 2024 10:19:03 +0200 Subject: [PATCH] [css-conditional-5] Add 'none'-keywords to scroll-state() features (#10874) - Unintentionally left out in the original scroll-state() PR. - Reference the media queries spec for boolean context evaluation --- css-conditional-5/Overview.bs | 31 ++++++++++++++++++------------- 1 file changed, 18 insertions(+), 13 deletions(-) diff --git a/css-conditional-5/Overview.bs b/css-conditional-5/Overview.bs index 8db16d269a9..d38516f55dc 100644 --- a/css-conditional-5/Overview.bs +++ b/css-conditional-5/Overview.bs @@ -868,6 +868,8 @@ Container Features A container feature queries a specific aspect of a [=query container=]. + [=Container features=] use the same rules as [=media features=] when evaluating + in a [=boolean context=].

Size Container Features

@@ -1127,7 +1129,7 @@ Sticky positioning: the '@container/stuck' feature
 		Name: stuck
 		For: @container
-		Value: top | right | bottom | left | block-start | inline-start | block-end | inline-end
+		Value: none | top | right | bottom | left | block-start | inline-start | block-end | inline-end
 		Type: discrete
 	
@@ -1152,10 +1154,10 @@ Sticky positioning: the '@container/stuck' feature - In the boolean context, the query matches if visual shift is applied in any - direction. -
+
none +
+ The ''position/sticky'' container is not shifted in any direction.
top
The ''position/sticky'' container is shifted to stay inside the top edge. @@ -1188,27 +1190,29 @@ Scroll snapping: the '@container/snapped' feature
 		Name: snapped
 		For: @container
-		Value: x | y | block | inline
+		Value: none | x | y | block | inline
 		Type: discrete
 	
The '@container/snapped' [=container feature=] queries whether a [=snap target=] - is snapped to its [=snap container=] in the given axis. It matches in the boolean - context if it is snapped in at least one of the directions. + is snapped to its [=snap container=] in the given axis.
+
none +
+ The [=query container=] is not a [=snap target=].
x
'@container/snapped' [=container feature=] matches ''x'' - if the [=query container=] is a horizontal [=snap target=] for its [=scroll container=] + if the [=query container=] is a horizontal [=snap target=] for its [=scroll container=].
y
'@container/snapped' [=container feature=] matches ''y'' - if the [=query container=] is a vertical [=snap target=] for its [=scroll container=] + if the [=query container=] is a vertical [=snap target=] for its [=scroll container=].
block
'@container/snapped' [=container feature=] matches ''block'' - if the [=query container=] is a [=snap target=] for its [=scroll container=] + if the [=query container=] is a [=snap target=] for its [=scroll container=]. in the block direction of the [=snap container=].
inline
@@ -1223,7 +1227,7 @@ Overflowing: the '@container/overflowing' feature
 		Name: overflowing
 		For: @container
-		Value: top | right | bottom | left | block-start | inline-start | block-end | inline-end
+		Value: none | top | right | bottom | left | block-start | inline-start | block-end | inline-end
 		Type: discrete
 	
@@ -1237,9 +1241,10 @@ Overflowing: the '@container/overflowing' feature the [=query container=]. None of the values match if the container is not a [=scroll container=]. - In the boolean context, the query matches if any of the values match. -
+
none +
+ The [=scroll container=] does not have [=scrollable overflow=] in any direction.
top
The [=scroll container=] has [=scrollable overflow=] past the top edge.