[css-scroll-snap] Redefine repeat() syntax in terms of snap areas, to handle overlarge snap intervals.

Author: fantasai

css-scroll-snap/Overview.bs

@@ -359,29 +359,35 @@ Scroll Snapping Coordinates: the 'scroll-snap-points-x' and 'scroll-snap-points-
 	</pre>
 
 	The 'scroll-snap-points-x' and 'scroll-snap-points-y' properties
-	are used to define the positioning of explicit <a>snap positions</a>
-	as coordinates within the <a>scrollable area</a> of the <a>scroll container</a>.
+	are used to define <a>snap positions</a>
+	by specifying coordinates against the <a>scrollable area</a> of the <a>scroll container</a>.
 
 	<dl dfn-type="value" dfn-for="snap-points-x, snap-points-y">
 		<dt><dfn>none</dfn>
 		<dd>
-			No <a>snap positions</a> are defined by this <a>scroll container</a>.
-			Contained elements may still define <a>snap positions</a> on this <a>scroll container's</a> behalf.
+			No <a>snap areas</a> are defined by this <a>scroll container</a>.
+			Contained elements may still define <a>snap areas</a> on this <a>scroll container's</a> behalf.
 
 		<dt><dfn>repeat([ <<length>> | <<percentage>> ])</dfn>
 		<dd>
-			Defines <a>snap position</a> that span the <a>scrollable area</a> in the appropriate axis,
-			starting from the <a>start</a> edge of the <a>scrollable area</a> and recurring every <<length>> distance throughout the <a>scrollable area</a>.
+			Defines start-<a href="#scroll-snap-alignment">aligned</a> <a>snap areas</a>
+			that span the <a>scrollable area</a> in the appropriate axis,
+			starting from the <a>start</a> edge of the <a>scrollable area</a>
+			and spanning across every <<length>> throughout the <a>scrollable area</a>.
 
 			Negative values are invalid.
 			User agents must define a UA-defined minimum <<length>> greater than 0
 			(recommended ''1px''),
-			and clamp the computed value to that minimum.
+			and clamp the used value to that minimum.
 	</dl>
 
 	Coordinates specified by 'scroll-snap-points-x' and 'scroll-snap-points-y'
 	are not affected by 'scroll-snap-padding'/'scroll-snap-destination'.
 
+	Issue: Or should they also be affected by 'scroll-snap-padding'?
+	Also we're effectively assuming start-alignment here, is that what we want?
+	Or do we want to allow other alignments?
+
 	Issue: Should we add <css>start-edge</css> and <css>end-edge</css> keywords here, so that the start and end of the scrollable area can be defined as reachable?
 	This would be good for e.g. maps.
 	(See <a href="https://lists.w3.org/Archives/Public/www-style/2015Jul/0453.html">Matt Rakow's take</a> on not having <css>start</css> or <css>end</css> here.)
@@ -395,7 +401,7 @@ Scroll Snapping Coordinates: the 'scroll-snap-points-x' and 'scroll-snap-points-
 Element-based Snapping {#element}
 ======================
 
-Scroll Snapping Area: the 'scroll-snap-area' property {#the-scroll-snap-area}
+Scroll Snapping Area: the 'scroll-snap-area' property {#scroll-snap-areas}
 ---------------------
 
 	<pre class="propdef">
@@ -417,7 +423,7 @@ Scroll Snapping Area: the 'scroll-snap-area' property {#the-scroll-snap-area}
 	all of the <a href="#longhands"><css>scroll-snap-area-*</css> longhands</a>
 	in one declaration.
 
-Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-align}
+Scroll Snapping Alignment: the 'scroll-snap-align' property {#scroll-snap-alignment}
 --------------------------
 
 	<pre class="propdef">