[css-scroll-snap] snap viewport -> snap window (for less confusion)

Author: fantasai

css-scroll-snap/Overview.bs

@@ -179,7 +179,7 @@ Scroll Snapping Model {#snap-model}
 	as a particular alignment ('scroll-snap-align')
 	of an element's <a>scroll snap area</a>
 	(its border box, as modified by 'scroll-snap-margin')
-	within the <a>scroll container</a>’s <a>snap viewport</a>
+	within the <a>scroll container</a>’s <a>snap window</a>
 	(its visual viewport, as reduced by 'scroll-snap-padding').
 	This is conceptually equivalent to specifying the alignment of
 	an <a>alignment subject</a> within an <a>alignment container</a>.
@@ -414,7 +414,7 @@ Scroll Snapping Window: the 'scroll-snap-padding' property {#snap-padding}
 	Media: interactive
 	</pre>
 
-	The 'scroll-snap-padding' property defines the <dfn local-lt="snap viewport">scroll snap viewport</dfn>--
+	The 'scroll-snap-padding' property defines the <dfn local-lt="snap window">scroll snap window</dfn>--
 	the area of the viewport that is used as the <a>alignment container</a>
 	when aligning a <a>scroll snap area</a> to its <a>snap position</a>.
 	Values are interpreted as for 'padding',
@@ -515,20 +515,20 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-alignm
 
 	Specifies the element's <a>snap position</a> as an alignment of
 	its <a>snap area</a> (as the <a>alignment subject</a>)
-	within its <a>snap container's</a> <a>snap viewport</a> (as the <a>alignment container</a>).
+	within its <a>snap container's</a> <a>snap window</a> (as the <a>alignment container</a>).
 	The two values specify the snapping behavior in the <a>inline axis</a> and <a>block axis</a>,
 	respectively.
 	If only one value is specified,
 	the second value defaults to the same value.
 
 	<div class="example">
 		The following example aligns the start edge of the box's <a>snap area</a>
-		to the start edge of the scroll container's <a>snap viewport</a>:
+		to the start edge of the scroll container's <a>snap window</a>:
 
 		<pre>section { scroll-snap-align: start; }</pre>
 
 		The following example aligns the center of each city
-		to the center of the scroll container's <a>snap viewport</a>,
+		to the center of the scroll container's <a>snap window</a>,
 		snapping only when the city is centered in both axes:
 
 		<pre>
@@ -537,7 +537,7 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-alignm
 		</pre>
 
 		The following example aligns the center of each photo
-		to the center of the scroll container's <a>snap viewport</a>,
+		to the center of the scroll container's <a>snap window</a>,
 		snapping independently in each axis:
 
 		<pre>
@@ -556,19 +556,19 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-alignm
 		<dt><dfn>start</dfn>
 		<dd>
 			Start alignment of this box's <a>scroll snap area</a>
-			within the <a>scroll container</a>'s <a>snap viewport</a>
+			within the <a>scroll container</a>'s <a>snap window</a>
 			is a valid <a>snap position</a>.
 
 		<dt><dfn>end</dfn>
 		<dd>
 			End alignment of this box's <a>scroll snap area</a>
-			within the <a>scroll container</a>'s <a>snap viewport</a>
+			within the <a>scroll container</a>'s <a>snap window</a>
 			is a valid <a>snap position</a>.
 
 		<dt><dfn>center</dfn>
 		<dd>
 			Center alignment of this box's <a>scroll snap area</a>
-			within the <a>scroll container</a>'s <a>snap viewport</a>
+			within the <a>scroll container</a>'s <a>snap window</a>
 			is a valid <a>snap position</a>.
 	</dl>
 
@@ -608,11 +608,11 @@ Scoping Valid Snap Positions to Visible Boxes</h4>
 	Since the purpose of scroll snapping is to align content within the viewport
 	for optimal viewing:
 	in all cases, the specified alignment creates a valid <a>snap position</a>
-	only if at least part of the <a>snap area</a> is within the <a>snap viewport</a>.
-	For example, a <a>snap area</a> is top-aligned to the <a>snap viewport</a>
-	if its top edge is coincident with the <a>snap viewport</a>’s top edge;
+	only if at least part of the <a>snap area</a> is within the <a>snap window</a>.
+	For example, a <a>snap area</a> is top-aligned to the <a>snap window</a>
+	if its top edge is coincident with the <a>snap window</a>’s top edge;
 	however, this alignment is nonetheless not a valid <a>snap position</a>
-	if the entire <a>snap area</a> is outside the <a>snap viewport</a>.
+	if the entire <a>snap area</a> is outside the <a>snap window</a>.
 
 	<details class="note">
 		<summary>Why limit snapping to only when the element is visible?</summary>
@@ -630,9 +630,9 @@ Scoping Valid Snap Positions to Visible Boxes</h4>
 <h4 id="snap-overflow">
 Snapping Boxes that Overflow the Scrollport</h4>
 
-	If the <a>snap area</a> is larger than the <a>snap viewport</a> in a particular axis,
-	and there are no other <a>snap areas</a> within the <a>snap viewport</a>,
-	then any scroll position in which the <a>snap area</a> covers the <a>snap viewport</a>
+	If the <a>snap area</a> is larger than the <a>snap window</a> in a particular axis,
+	and there are no other <a>snap areas</a> within the <a>snap window</a>,
+	then any scroll position in which the <a>snap area</a> covers the <a>snap window</a>
 	is a valid <a>snap position</a> in that axis.
 	The UA may use the specified alignment as a more precise target
 	for certain scroll operations (e.g. inertial scrolling or explicit paging).
@@ -644,7 +644,7 @@ Snapping Boxes that Overflow the Scrollport</h4>
 		but if the item happens to be larger than your viewport,
 		you want to be able to scroll around the whole thing once you're over it.
 
-		Since the <a>snap area</a> is larger than the <a>snap viewport</a>,
+		Since the <a>snap area</a> is larger than the <a>snap window</a>,
 		while the area fully fills the viewport,
 		the container can be scrolled arbitrarily and will not try to snap back to its aligned position.
 		However, if the container is scrolled such that the area
@@ -911,10 +911,10 @@ Choosing Snap Positions {#choosing}
 		according to the amount of other-axis scrolling they would cause.
 
 	* <a>Snap positions</a> should be ignored if their elements are far outside of the “corridor”
-		that the <a>snap viewport</a> defines as it moves through the <a>scrollable area</a>
+		that the <a>snap window</a> defines as it moves through the <a>scrollable area</a>
 		during an <a>inertial scroll</a>,
 		or a hypothetical “corridor” in the direction of a <a>directional scroll</a>,
-		or the <a>snap viewport</a> after an <a>explicit scroll</a>.
+		or the <a>snap window</a> after an <a>explicit scroll</a>.
 		(This is to prevent a far-offscreen element
 		from having difficult-to-understand effects
 		on the scroll position.)
@@ -1055,7 +1055,7 @@ Physical Longhands for 'scroll-snap-padding' {#padding-longhands-physical}
 
 	These <a>longhands</a> of 'scroll-snap-padding' specify
 	the top, right, bottom, and left
-	edges of the <a>snap viewport</a>,
+	edges of the <a>snap window</a>,
 	respectively.
 
 Flow-relative Longhands for 'scroll-snap-padding'  {#padding-longhands-logical}
@@ -1074,7 +1074,7 @@ Flow-relative Longhands for 'scroll-snap-padding'  {#padding-longhands-logical}
 
 	These <a>longhands</a> of 'scroll-snap-padding' specify
 	the block-start, inline-start, block-end, and inline-end
-	edges of the <a>snap viewport</a>,
+	edges of the <a>snap window</a>,
 	respectively.
 
 	<pre class="propdef">
@@ -1092,7 +1092,7 @@ Flow-relative Longhands for 'scroll-snap-padding'  {#padding-longhands-logical}
 	and 'scroll-snap-margin-inline-start' + 'scroll-snap-margin-inline-end'
 	are <a>longhands</a> of 'scroll-snap-padding', and
 	specify the block-axis and inline-axis
-	edges of the <a>snap viewport</a>,
+	edges of the <a>snap window</a>,
 	respectively.
 	If two values are specified, the first gives the start value
 	and the second gives the end value.