You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: cssom-view-1/Overview.bs
+8-6
Original file line number
Diff line number
Diff line change
@@ -99,7 +99,7 @@ An element <var>body</var> (which will be <a>the <code>body</code> element</a>)
99
99
Note: A <{body}> element that is <a>potentially scrollable</a> might not have a <a>scrolling box</a>.
100
100
For instance, it could have a used value of 'overflow' being ''overflow/auto'' but not have its content overflowing its content area.
101
101
102
-
A <a>scrolling box</a> of a <a>viewport</a> or element has two <dfn>overflow directions</dfn>, which are the <a>block-end</a> and <a>inline-end</a> directions for that viewport or element.
102
+
A <dfn>scrolling box</dfn> of a <a>viewport</a> or element has two <dfn>overflow directions</dfn>, which are the <a>block-end</a> and <a>inline-end</a> directions for that viewport or element.
103
103
Note that the initial scroll position might not be aligned with the [=scrolling area origin=]
104
104
depending on the [=content-distribution properties=], see [[css-align-3#overflow-scroll-position]].
105
105
@@ -357,8 +357,8 @@ the following steps must be run:
357
357
'scroll-behavior' property is ''scroll-behavior/smooth''
358
358
<li><var>behavior</var> is <code>smooth</code>
359
359
</ul>
360
-
...then perform a <a>smooth scroll</a> of <var>box</var> to <var>position</var>. Once the position has finished updating, emit the <a>scrollend</a> event.
361
-
Otherwise, perform an <a>instant scroll</a> of <var>box</var> to <var>position</var>. After an <a>instant scroll</a> emit the <a>scrollend</a> event.
360
+
...then perform a <a>smooth scroll</a> of <var>box</var> to <var>position</var>. Once the position has finished updating, emit the <a event>scrollend</a> event.
361
+
Otherwise, perform an <a>instant scroll</a> of <var>box</var> to <var>position</var>. After an <a>instant scroll</a> emit the <a event>scrollend</a> event.
362
362
</ol>
363
363
364
364
Scroll is <dfn lt="scroll completed">completed</dfn> when the scroll position has no more pending updates or translations. This includes smooth or instant mouse wheel scrolling, keyboard scrolling, scroll-snap events, or other APIs and gestures which cause the scroll position to update and possibly interpolate.
@@ -1771,6 +1771,8 @@ This section integrates with the <a for=/>event loop</a> defined in HTML. [[!HTM
1771
1771
1772
1772
Each {{Document}} has an associated list of <dfn for=Document>pending scroll event targets</dfn>, initially empty.
1773
1773
1774
+
Each {{Document}} has an associated list of <dfn for=Document>pending scrollend event targets</dfn>, initially empty.
1775
+
1774
1776
Whenever a <a>viewport</a> gets scrolled (whether in response to user interaction or by an API), the user agent must run these steps:
1775
1777
1776
1778
1. Let <var>doc</var> be the <a>viewport’s</a> associated {{Document}}.
@@ -1796,7 +1798,7 @@ When asked to <dfn export for=Document>run the scroll steps</dfn> for a {{Docume
1796
1798
Whenever scrolling is <a lt="scroll completed">completed</a>, the user agent must run these steps:
1797
1799
1798
1800
1. If scrolling was done on a <a>viewport</a>, let <var>doc</var> be the <a>viewport’s</a> associated {{Document}} and <var>target</var> be the <a>viewport</a>.
1799
-
Otherwise, scrolling is done on an element and let <var>doc</var> be the element's <a>node document</a> and <var>target</var> be the element.
1801
+
Otherwise, scrolling is done on an element and let <var>doc</var> be the element's <a>node document</a> and <var>target</var> be the element.
1800
1802
1. If <var>target</var> is already in <var>doc</var>'s <a>pending scrollend event targets</a>, abort these steps.
1801
1803
1. Append <var>target</var> to <var>doc</var>'s <a>pending scrollend event targets</a>.
1802
1804
1. For each item <var>target</var> in <var>doc</var>'s <a>pending scrollend event targets</a>, in the order they were added to the list, run these substeps:
@@ -1833,7 +1835,7 @@ Otherwise, scrolling is done on an element and let <var>doc</var> be the element
<td>Fired at the {{Document}} or element when scroll is <dfn lt="scroll completed">completed</dfn>: the <a>viewport</a> or element has been scrolled, the scroll sequence has ended and any scroll offset changes have been applied.
1838
+
<td>Fired at the {{Document}} or element when scroll is <a lt="scroll completed">completed</a>: the <a>viewport</a> or element has been scrolled, the scroll sequence has ended and any scroll offset changes have been applied.
1837
1839
</table>
1838
1840
1839
1841
@@ -1857,7 +1859,7 @@ generally not listed.
1857
1859
* Pinch zoom is now renamed to <a>scale factor</a>
1858
1860
1859
1861
<h3 id='changes-from-2022-06-22' class=no-num>Changes From 22 June 2022</h3>
1860
-
* Adam Argyle moved the 'scrollend' event from <a href="https://wicg.github.io/overscroll-scrollend-events/">WICG 'overscroll-scrollend-events'</a> to [[CSSOM-VIEW-1]]
1862
+
* Adam Argyle moved the <a event>scrollend</a> event from <a href="https://wicg.github.io/overscroll-scrollend-events/">WICG overscroll-scrollend-events</a> to [[CSSOM-VIEW-1]]
1861
1863
1862
1864
<h3 id='changes-from-2020-10-19' class=no-num>Changes From 19 October 2020</h3>
1863
1865
* Added the "Security and Privacy Considerations" section
0 commit comments