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
<b>This spec is currently undergoing major changes in line with the resolutions in <a href="https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html">https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html</a>. During this process it is not safe to assume that the current form will be representative of what it will look like in the future. After the work in process is completed, it will closely resemble <a href="https://drafts.csswg.org/css-scroll-snap/">this proposal</a>.</b>
19
-
</p>
17
+
Issue: <b>This spec is currently undergoing major changes in line with the resolutions in <a href="https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html">https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html</a>. During this process it is not safe to assume that the current form will be representative of what it will look like in the future. After the work in process is completed, it will closely resemble <a href="https://drafts.csswg.org/css-scroll-snap/">this proposal</a>.</b>
The 'scroll-snap-type' property defines how strictly a <a>scroll container's</a> visual viewport should rest on <a>snap positions</a>. It intentionally does not specify nor mandate any precise animations or physics used to enforce those snap positions; this is left up to the user agent.
202
201
203
-
<p class="issue">
204
-
<a href="https://lists.w3.org/Archives/Public/www-style/2015Nov/0328.html">Open issue</a> on whether to enhance the scroll-snap-type property for specifying the axis or adding a second property. We have <a href="https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html">resolved</a> that this functionality be added once the issue is resolved.
205
-
</p>
202
+
Issue: <a href="https://lists.w3.org/Archives/Public/www-style/2015Nov/0328.html">Open issue</a> on whether to enhance the scroll-snap-type property for specifying the axis or adding a second property. We have <a href="https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html">resolved</a> that this functionality be added once the issue is resolved.
The 'scroll-snap-align' property specifies how a scroll container's region specified by 'scroll-snap-padding' should align with descendent elements' scroll snap margin. The two values specify the snapping behavior in the x and y axes, respectively. If only one value is specified, the second value defaults to the same value.
290
287
291
-
<p class="issue">
292
-
Should this be x/y axes, or inline/block? Starting with x/y axes for consistency with padding/area, otherwise a writing mode change would result in a axis mismatch (since padding is physical by default).
293
-
</p>
288
+
Issue: Should this be x/y axes, or inline/block? Starting with x/y axes for consistency with padding/area, otherwise a writing mode change would result in a axis mismatch (since padding is physical by default).
<pclass="issue" id="issue-752e30a5"><aclass="self-link" href="#issue-752e30a5"></a><b>This spec is currently undergoing major changes in line with the resolutions in <ahref="https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html">https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html</a>. During this process it is not safe to assume that the current form will be representative of what it will look like in the future. After the work in process is completed, it will closely resemble <ahref="https://drafts.csswg.org/css-scroll-snap/">this proposal</a>.</b></p>
173
+
<pclass="issue" id="issue-752e30a5"><aclass="self-link" href="#issue-752e30a5"></a><b>This spec is currently undergoing major changes in line with the resolutions in <ahref="https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html">https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html</a>. During this process it is not safe to assume that the current form will be representative of what it will look like in the future. After the work in process is completed, it will closely resemble <ahref="https://drafts.csswg.org/css-scroll-snap/">this proposal</a>.</b></p>
A scroll container’s snap alignment container is the rectangle obtained by reducing its visual viewport by its <aclass="property" data-link-type="propdesc" href="#propdef-scroll-snap-padding">scroll-snap-padding</a>.
297
-
<pclass="issue" id="issue-1b6eda6b"><aclass="self-link" href="#issue-1b6eda6b"></a>Better name for this concept?</p>
295
+
<pclass="issue" id="issue-1b6eda6b"><aclass="self-link" href="#issue-1b6eda6b"></a>Better name for this concept?</p>
<dd> An element’s snap margin is the rectangle obtained by expanding its border box by its <aclass="property" data-link-type="propdesc" href="#propdef-scroll-snap-margin">scroll-snap-margin</a>.
<dd> 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.
<p>The <aclass="property" data-link-type="propdesc" href="#propdef-scroll-snap-type">scroll-snap-type</a> property defines how strictly a <adata-link-type="dfn" href="#scroll-container">scroll container’s</a> visual viewport should rest on <adata-link-type="dfn" href="#scroll-snap-position">snap positions</a>. It intentionally does not specify nor mandate any precise animations or physics used to enforce those snap positions; this is left up to the user agent.</p>
305
-
<pclass="issue" id="issue-7e0cf181"><aclass="self-link" href="#issue-7e0cf181"></a><ahref="https://lists.w3.org/Archives/Public/www-style/2015Nov/0328.html">Open issue</a> on whether to enhance the scroll-snap-type property for specifying the axis or adding a second property. We have <ahref="https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html">resolved</a> that this functionality be added once the issue is resolved.</p>
303
+
<pclass="issue" id="issue-7e0cf181"><aclass="self-link" href="#issue-7e0cf181"></a><ahref="https://lists.w3.org/Archives/Public/www-style/2015Nov/0328.html">Open issue</a> on whether to enhance the scroll-snap-type property for specifying the axis or adding a second property. We have <ahref="https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html">resolved</a> that this functionality be added once the issue is resolved.</p>
<p>This property is a shorthand property that sets all of the <aclass="property" data-link-type="propdesc">scroll-snap-margin-*</a> longhands in one declaration.</p>
<p>The <aclass="property" data-link-type="propdesc" href="#propdef-scroll-snap-align">scroll-snap-align</a> property specifies how a scroll container’s region specified by <aclass="property" data-link-type="propdesc" href="#propdef-scroll-snap-padding">scroll-snap-padding</a> should align with descendent elements' scroll snap margin. The two values specify the snapping behavior in the x and y axes, respectively. If only one value is specified, the second value defaults to the same value.</p>
426
-
<pclass="issue" id="issue-f7391e31"><aclass="self-link" href="#issue-f7391e31"></a> Should this be x/y axes, or inline/block? Starting with x/y axes for consistency with padding/area, otherwise a writing mode change would result in a axis mismatch (since padding is physical by default).</p>
424
+
<pclass="issue" id="issue-f7391e31"><aclass="self-link" href="#issue-f7391e31"></a> Should this be x/y axes, or inline/block? Starting with x/y axes for consistency with padding/area, otherwise a writing mode change would result in a axis mismatch (since padding is physical by default).</p>
<divclass="issue"><b>This spec is currently undergoing major changes in line with the resolutions in <ahref="https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html">https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html</a>. During this process it is not safe to assume that the current form will be representative of what it will look like in the future. After the work in process is completed, it will closely resemble <ahref="https://drafts.csswg.org/css-scroll-snap/">this proposal</a>.</b><ahref="#issue-752e30a5"> ↵ </a></div>
690
-
<divclass="issue">Better name for this concept?<ahref="#issue-1b6eda6b"> ↵ </a></div>
691
-
<divclass="issue"><ahref="https://lists.w3.org/Archives/Public/www-style/2015Nov/0328.html">Open issue</a> on whether to enhance the scroll-snap-type property for specifying the axis or adding a second property. We have <ahref="https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html">resolved</a> that this functionality be added once the issue is resolved.<ahref="#issue-7e0cf181"> ↵ </a></div>
692
-
<divclass="issue"> Should this be x/y axes, or inline/block? Starting with x/y axes for consistency with padding/area, otherwise a writing mode change would result in a axis mismatch (since padding is physical by default).<ahref="#issue-f7391e31"> ↵ </a></div>
687
+
<divclass="issue"><b>This spec is currently undergoing major changes in line with the resolutions in <ahref="https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html">https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html</a>. During this process it is not safe to assume that the current form will be representative of what it will look like in the future. After the work in process is completed, it will closely resemble <ahref="https://drafts.csswg.org/css-scroll-snap/">this proposal</a>.</b><ahref="#issue-752e30a5"> ↵ </a></div>
688
+
<divclass="issue">Better name for this concept?<ahref="#issue-1b6eda6b"> ↵ </a></div>
689
+
<divclass="issue"><ahref="https://lists.w3.org/Archives/Public/www-style/2015Nov/0328.html">Open issue</a> on whether to enhance the scroll-snap-type property for specifying the axis or adding a second property. We have <ahref="https://lists.w3.org/Archives/Public/www-style/2015Dec/0048.html">resolved</a> that this functionality be added once the issue is resolved.<ahref="#issue-7e0cf181"> ↵ </a></div>
690
+
<divclass="issue"> Should this be x/y axes, or inline/block? Starting with x/y axes for consistency with padding/area, otherwise a writing mode change would result in a axis mismatch (since padding is physical by default).<ahref="#issue-f7391e31"> ↵ </a></div>
0 commit comments