Skip to content

Commit 7d18504

Browse files
committed
[css-snappoints] 'visual viewport' -> 'scrollport' per CSS WG resolution 5/4
1 parent 71da687 commit 7d18504

1 file changed

Lines changed: 12 additions & 12 deletions

File tree

css-snappoints/Overview.bs

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ Introduction {#intro}
3838
which leaves a page partially on-screen when panning.
3939

4040
To this end, we introduce scroll snap positions
41-
which enforce the scroll offsets that a <a>scroll container's</a> visual viewport may end at
41+
which enforce the scroll offsets that a <a>scroll container's</a> scrollport may end at
4242
after a scrolling operation has completed.
4343

4444
Module interactions {#placement}
@@ -77,7 +77,7 @@ Motivating Examples {#examples}
7777
are used to build a photo gallery. In this example the <a>scroll container</a>
7878
is larger than the photos contained within (such that multiple images may be seen simultaneously), and the image
7979
sizes vary. Using mandatory element-based snap
80-
positions, scrolling will always complete with an image centered in the <a>scroll container's</a> visual viewport.
80+
positions, scrolling will always complete with an image centered in the <a>scroll container's</a> scrollport.
8181

8282
<pre class="lang-css">
8383
img {
@@ -188,7 +188,7 @@ Overview {#overview}
188188
as a particular alignment ('scroll-snap-align')
189189
of an element's <a>scroll snap area</a> ('scroll-snap-margin', defaulting to its border box)
190190
within the <a>scroll container</a>’s <a>snapport</a>
191-
(its visual viewport, as reduced by its 'scroll-snap-padding').
191+
(its scrollport, as reduced by its 'scroll-snap-padding').
192192
This is conceptually equivalent to specifying the alignment of
193193
an <a>alignment subject</a> within an <a>alignment container</a>.
194194
A scroll position that satisfies the specified alignment
@@ -218,7 +218,7 @@ Definitions {#definitions}
218218

219219
<dt><dfn export>snapport</dfn>
220220
<dd>
221-
A scroll container's snapport is the rectangle obtained by reducing its visual viewport by its 'scroll-snap-padding'.
221+
A scroll container's snapport is the rectangle obtained by reducing its scrollport by its 'scroll-snap-padding'.
222222

223223
Issue: Better name for this concept?
224224

@@ -228,15 +228,15 @@ Definitions {#definitions}
228228

229229
<dt><dfn lt="scroll snap position" local-lt="snap position" export>snap position</dfn>
230230
<dd>
231-
For a scroll container, a particular value for its scroll offset is a snap position if when scrolled to that offset the visual viewport of the scroll container would align with a descendent element in the manner specified by the scroll snap properties.
231+
For a scroll container, a particular value for its scroll offset is a snap position if when scrolled to that offset the scrollport of the scroll container would align with a descendent element in the manner specified by the scroll snap properties.
232232

233233
<dt><dfn lt="scroll snapped" local-lt="snapped" export>snapped</dfn>
234234
<dd>
235-
A scroll container is said to be snapped to a snap position if its visual viewport's scroll offset is that snap position and there is no active scrolling operation.
235+
A scroll container is said to be snapped to a snap position if its scrollport's scroll offset is that snap position and there is no active scrolling operation.
236236

237237
<dt><dfn lt="scroll snap" local-lt="snap|snapping" export>snap</dfn>
238238
<dd>
239-
The act of adjusting the scroll offset of a scroll container's visual viewport such that it is snapped to a snap position is called snapping.
239+
The act of adjusting the scroll offset of a scroll container's scrollport such that it is snapped to a snap position is called snapping.
240240
</dl>
241241

242242
Capturing Scroll Snap Areas: Properties on the scroll container {#properties-on-the-scroll-container}
@@ -319,13 +319,13 @@ Snapport: the 'scroll-snap-padding' property {#scroll-snap-padding}
319319
Initial: 0
320320
Applies to: <a>scroll containers</a>
321321
Inherited: no
322-
Percentages: relative to the corresponding dimension of the scroll container's visual viewport
322+
Percentages: relative to the corresponding dimension of the scroll container's scrollport
323323
Media: interactive
324324
Computed value: as specified, with lengths made absolute
325325
Animatable: as length, percentage, or calc
326326
</pre>
327327

328-
The 'scroll-snap-padding' property defines the <a>snapport</a>, a region inset from the visual viewport of a <a>scroll container</a> used in calculating its <a>snap positions</a>. The snapport is used as the alignment container when calculating <a>snap positions</a>. Values are interpreted as for 'padding', and specify inward offsets from each edge of the visual viewport.
328+
The 'scroll-snap-padding' property defines the <a>snapport</a>, a region inset from the scrollport of a <a>scroll container</a> used in calculating its <a>snap positions</a>. The snapport is used as the alignment container when calculating <a>snap positions</a>. Values are interpreted as for 'padding', and specify inward offsets from each edge of the scrollport.
329329

330330
<div class="example">
331331
In this example, scroll-snap-padding is used to center slideshow images within the portion of the viewport that is not obscured by a fixed-position toolbar.
@@ -463,7 +463,7 @@ Physical Longhands for 'scroll-snap-padding' {#padding-longhands-physical}
463463
Initial: 0
464464
Applies to: <a>scroll containers</a>
465465
Inherited: no
466-
Percentages: relative to the scroll container's visual viewport
466+
Percentages: relative to the scroll container's scrollport
467467
Media: interactive
468468
Computed value: as specified, with lengths made absolute
469469
Animatable: as length, percentage, or calc
@@ -480,7 +480,7 @@ Flow-relative Longhands for 'scroll-snap-padding' {#padding-longhands-logical}
480480
Initial: 0
481481
Applies to: <a>scroll containers</a>
482482
Inherited: no
483-
Percentages: relative to the scroll container's visual viewport
483+
Percentages: relative to the scroll container's scrollport
484484
Media: interactive
485485
Computed value: as specified, with lengths made absolute
486486
Animatable: as length, percentage, or calc
@@ -494,7 +494,7 @@ Flow-relative Longhands for 'scroll-snap-padding' {#padding-longhands-logical}
494494
Initial: 0
495495
Applies to: all elements
496496
Inherited: no
497-
Percentages: relative to the scroll container's visual viewport
497+
Percentages: relative to the scroll container's scrollport
498498
Media: interactive
499499
Computed value: as specified, with lengths made absolute
500500
Animatable: as length, percentage, or calc

0 commit comments

Comments
 (0)