@@ -413,10 +413,10 @@ spec: cssom-view-1; type: dfn;
413413 <dt> <dfn>cover</dfn>
414414 <dd>
415415 Represents the full range of the [=view progress timeline=] :
416- * 0% progress represents the position at which
416+ * 0% progress represents the latest position at which
417417 the [=start=] [=border edge=] of the element’s [=principal box=]
418418 coincides with the [=end=] edge of its [=view progress visibility range=] .
419- * 100% progress represents the position at which
419+ * 100% progress represents the earliest position at which
420420 the [=end=] [=border edge=] of the element’s [=principal box=]
421421 coincides with the [=start=] edge of its [=view progress visibility range=] .
422422
@@ -425,12 +425,12 @@ spec: cssom-view-1; type: dfn;
425425 Represents the range during which the [=principal box=]
426426 is either fully contained by, or fully covers,
427427 its [=view progress visibility range=] within the [=scrollport=] .
428- * 0% progress represents the earlier position at which:
428+ * 0% progress represents the earliest position at which either :
429429 * the [=start=] [=border edge=] of the element’s [=principal box=]
430430 coincides with the [=start=] edge of its [=view progress visibility range=] .
431431 * the [=end=] [=border edge=] of the element’s [=principal box=]
432432 coincides with the [=end=] edge of its [=view progress visibility range=] .
433- * 100% progress represents the later position at which:
433+ * 100% progress represents the latest position at which either :
434434 * the [=start=] [=border edge=] of the element’s [=principal box=]
435435 coincides with the [=start=] edge of its [=view progress visibility range=] .
436436 * the [=end=] [=border edge=] of the element’s [=principal box=]
@@ -454,21 +454,21 @@ spec: cssom-view-1; type: dfn;
454454 <dd>
455455 Represents the range during which the [=principal box=] crosses the [=end=]
456456 [=border edge=]
457- * 0% progress represents the position at which
457+ * 0% progress represents the latest position at which
458458 the [=start=] [=border edge=] of the element’s [=principal box=]
459459 coincides with the [=end=] edge of its [=view progress visibility range=] .
460- * 100% progress represents the position at which
460+ * 100% progress represents the earliest position at which
461461 the [=end=] [=border edge=] of the element’s [=principal box=]
462462 coincides with the [=end=] edge of its [=view progress visibility range=] .
463463
464464 <dt> <dfn>exit-crossing</dfn>
465465 <dd>
466466 Represents the range during which the [=principal box=] crosses the [=start=]
467467 [=border edge=]
468- * 0% progress represents the position at which
468+ * 0% progress represents the latest position at which
469469 the [=start=] [=border edge=] of the element’s [=principal box=]
470470 coincides with the [=start=] edge of its [=view progress visibility range=] .
471- * 100% progress represents the position at which
471+ * 100% progress represents the earliest position at which
472472 the [=end=] [=border edge=] of the element’s [=principal box=]
473473 coincides with the [=start=] edge of its [=view progress visibility range=] .
474474 </dl>
@@ -480,11 +480,11 @@ spec: cssom-view-1; type: dfn;
480480 <a href="http://www.w3.org/TR/css-transforms/">Transforms</a> are ignored,
481481 but [=relative positioning|relative=] and [=absolute positioning|absolute=] positioning
482482 are accounted for.
483- For [=sticky-positioned boxes=] ,
484- the box’s [=startmost =] offset position
485- is used when identifying 0% progress,
486- and the box’s [=endmost=] offset position
487- is used when identifying 100% progress.
483+
484+ Note: For [=sticky-positioned boxes =] a given constraint may be satisfied over
485+ a range of scroll positions. Each of the ranges clarifies whether to use the earliest
486+ or latest position.
487+
488488 [[CSS-POSITION-3]] [[CSS-TRANSFORMS-1]]
489489
490490## Calculating Progress for a View Progress Timeline ## {#view-timeline-progress}
0 commit comments