[css-scroll-snap] scroll snap target area -> snap viewport, per TabAtkins' preference. (Alternate consideration was 'viewport snap target')

Author: fantasai

css-scroll-snap/Overview.bs

@@ -209,7 +209,7 @@ Scroll Snapping Model {#snap-model}
 	Valid <a>snap positions</a> can be specified
 	as a particular alignment ('scroll-snap-align')
 	of an element's <a>scroll snap area</a> ('scroll-snap-area', defaulting to its margin box)
-	within the <a>scroll container</a>’s <a>snap target area</a>
+	within the <a>scroll container</a>’s <a>snap viewport</a>
 	(its 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>.
@@ -324,7 +324,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 target area">scroll snap target area</dfn>--
+	The 'scroll-snap-padding' property defines the <dfn local-lt="snap viewport">scroll snap viewport</dfn>--
 	the area of the viewport that is used as the <a>alignment container</a>
 	when aligning a <a>scroll snap area</a> to a <a>snap position</a>.
 	Values are interpreted as for 'padding',
@@ -369,7 +369,7 @@ Scroll Snapping Coordinates: the 'scroll-snap-points-x' and 'scroll-snap-points-
 	Initial: none
 	Applies to: <a>scroll containers</a>
 	Inherited: no
-	Percentages: relative to the size of the <a>snap target area</a> in the appropriate axis
+	Percentages: relative to the size of the <a>snap viewport</a> in the appropriate axis
 	Computed value: as specified, with lengths made absolute and clamped (see below)
 	Animatable: no
 	Media: interactive
@@ -442,7 +442,7 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-align}
 	Initial: none
 	Applies to: all elements
 	Inherited: no
-	Percentages: refer to size of scroll container's <a>snap target area</a> <em>minus</em> size of box's <a>snap area</a>
+	Percentages: refer to size of scroll container's <a>snap viewport</a> <em>minus</em> size of box's <a>snap area</a>
 	Computed value: an optional ''point'' keyword, plus one or two alignment values
 	                each consisting of either a ''none'' or ''edges'' keyword or a percentage
 	Animatable: no
@@ -451,7 +451,7 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-align}
 
 	Specifies the element's <a>snap position</a> as an alignment of
 	its <a>snap area</a> (as the <a>alignment subject</a>)
-	within the viewport's <a>snap target area</a> (as the <a>alignment container</a>).
+	within the viewport's <a>snap viewport</a> (as the <a>alignment container</a>).
 	The <a>scroll alignment values</a> can be specified per-axis,
 	or as a simultaneous 2D alignment position,
 	by using a <a>scroll axis keyword</a>.
@@ -470,16 +470,16 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-align}
 
 	<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 target area</a>:
+		to the start edge of the scroll container's <a>snap viewport</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 target area</a>,
+		to the center of the scroll container's <a>snap viewport</a>,
 		snapping only when the city is centered in both axes:
 		<pre>city { scroll-snap-align: center point; }</pre>
 
 		The following example aligns the center of each photo
-		to the center of the scroll container's <a>snap target area</a>,
+		to the center of the scroll container's <a>snap viewport</a>,
 		snapping independently in each axis:
 		<pre>img { scroll-snap-align: center; }</pre>
 	</div>
@@ -494,25 +494,25 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-align}
 		<dt><dfn>start</dfn>
 		<dd>
 			Start alignment of this box's <a>scroll snap area</a>
-			within the <a>scroll container</a>'s <a>scroll snap target area</a>
+			within the <a>scroll container</a>'s <a>snap viewport</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>scroll snap target area</a>
+			within the <a>scroll container</a>'s <a>snap viewport</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>scroll snap target area</a>
+			within the <a>scroll container</a>'s <a>snap viewport</a>
 			is a valid <a>snap position</a>.
 
 		<dt><dfn><<percentage>></dfn>
 		<dd>
 			Percentage alignment of this box's <a>scroll snap area</a>
-			within the <a>scroll container</a>'s <a>scroll snap target area</a>
+			within the <a>scroll container</a>'s <a>snap viewport</a>
 			is a valid <a>snap position</a>,
 			where the percentage represents a position between
 			''scroll-snap-align/start'' alignment and ''scroll-snap-align/end'' alignment.
@@ -521,7 +521,7 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-align}
 		<dt><dfn>edges</dfn>
 		<dd>
 			Both start alignment and end alignment of this box's <a>scroll snap area</a>
-			within the <a>scroll container</a>'s <a>scroll snap target area</a>
+			within the <a>scroll container</a>'s <a>snap viewport</a>
 			are valid <a>snap positions</a>.
 	</dl>
 
@@ -569,8 +569,8 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-align}
 	Note: Remember that in <a>vertical writing modes</a> the block and inline axes
 	correspond to the x and y axes, and not the y and x axes, respectively.
 
-	If the <a>snap area</a> is larger than the <a>snap target area</a> in a particular axis,
-	then any scroll position in which the <a>snap area</a> covers the <a>snap target area</a>
+	If the <a>snap area</a> is larger than the <a>snap viewport</a> in a particular axis,
+	then any scroll position in which the <a>snap area</a> covers the <a>snap viewport</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).
@@ -581,7 +581,7 @@ Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-align}
 		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 target area</a>,
+		Since the <a>snap area</a> is larger than the <a>snap viewport</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
@@ -721,7 +721,7 @@ Types of Scrolling Gestures {#scroll-types}
 		in both axises at once,
 		aligning a particular point in the element
 		with a corresponding point in the <a>scroll container</a>’s
-		<a>snap target area</a>.
+		<a>snap viewport</a>.
 
 		This type of <a>snap position</a> is intended for truly "two-dimensional" layouts,
 		such as cities on a map
@@ -765,10 +765,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 target area</a> defines as it moves through the <a>scrollable area</a>
+		that the <a>snap viewport</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>semantic scroll</a>,
-		or the <a>snap target area</a> after an <a>explicit scroll</a>.
+		or the <a>snap viewport</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.)
@@ -905,7 +905,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>scroll snap target area</a>,
+	edges of the <a>snap viewport</a>,
 	respectively.
 
 Flow-relative Longhands for 'scroll-snap-padding'  {#padding-longhands-logical}
@@ -924,7 +924,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>scroll snap target area</a>,
+	edges of the <a>snap viewport</a>,
 	respectively.
 
 	<pre class="propdef">
@@ -942,7 +942,7 @@ Flow-relative Longhands for 'scroll-snap-padding'  {#padding-longhands-logical}
 	and 'scroll-snap-area-inline-start' + 'scroll-snap-area-inline-end'
 	are <a>longhands</a> of 'scroll-snap-padding', and
 	specify the block-axis and inline-axis
-	edges of the <a>scroll snap target area</a>,
+	edges of the <a>snap viewport</a>,
 	respectively.
 	If two values are specified, the first gives the start value
 	and the second gives the end value.