Skip to content

Commit b5afa10

Browse files
committed
[css-scroll-snap-1] Explicitly define that scroll-snap-type and scroll-padding propagate from root to viewport. w3c#3740
1 parent 819d1b6 commit b5afa10

File tree

1 file changed

+30
-2
lines changed

1 file changed

+30
-2
lines changed

css-scroll-snap-1/Overview.bs

Lines changed: 30 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -301,6 +301,11 @@ Scroll Snapping Rules: the 'scroll-snap-type' property {#scroll-snap-type}
301301
</pre>
302302
</div>
303303

304+
UAs must apply the 'scroll-snap-type' value set on the root element
305+
to the document viewport.
306+
Note that, unlike 'overflow',
307+
'scroll-snap-type' values are <em>not</em> propagated from HTML <{body}>.
308+
304309
<h4 id="snap-axis">
305310
Scroll Snap Axis: the ''x'', ''y'', ''scroll-snap-type/block'', ''scroll-snap-type/inline'', and ''both'' values</h4>
306311

@@ -507,6 +512,12 @@ Scroll Snapport: the 'scroll-padding' property {#scroll-padding}
507512
</pre>
508513
</div>
509514

515+
UAs must apply the 'scroll-padding' values set on the root element
516+
to the document viewport.
517+
(Note that, unlike 'overflow',
518+
'scroll-padding' values are <em>not</em> propagated from HTML <{body}>.)
519+
520+
510521
Aligning Scroll Snap Areas: Properties on the elements {#properties-on-the-elements}
511522
=====================================================================================
512523

@@ -1140,15 +1151,15 @@ Changes Since 31 January 2019 CR {#changes-20190131}
11401151
even when scroll snapping is off.
11411152
(<a href="https://github.com/w3c/csswg-drafts/issues/3721">Issue 3721</a>)
11421153
<blockquote>
1143-
<ins><p>Also, to offer better control over paging and scroll positioning
1154+
<p><ins>Also, to offer better control over paging and scroll positioning
11441155
even when snapping is off,
11451156
this module defines the 'scroll-padding' property
11461157
for use on all <a>scroll containers</a>,
11471158
to adjust the <a>scroll container</a>’s <a>optimal viewing region</a>
11481159
for the purpose of paging and scroll-into-view operations;
11491160
similarly the 'scroll-margin' property can be used on any box
11501161
to adjust its visual area
1151-
for the purpose of scroll-into-view operations.</p></ins>
1162+
for the purpose of scroll-into-view operations.</ins></p>
11521163
</blockquote>
11531164
<blockquote>
11541165
<p>This property specifies
@@ -1167,6 +1178,23 @@ Changes Since 31 January 2019 CR {#changes-20190131}
11671178
<em>even when snapping is off
11681179
or not applied on this element</em></ins>.</p>
11691180
</blockquote>
1181+
<li id="change-2019-propagation">
1182+
Defined explicitly that 'scroll-snap-type' and 'scroll-padding' values
1183+
are propagated from the root element to the document viewport
1184+
as would be expected.
1185+
(<a href="https://github.com/w3c/csswg-drafts/issues/3740">Issue 3740</a>)
1186+
<blockquote>
1187+
<p><ins>UAs must apply the 'scroll-snap-type' value set on the root element
1188+
to the document viewport.
1189+
Note that, unlike 'overflow',
1190+
'scroll-snap-type' values are <em>not</em> propagated from HTML <{body}>.</ins></p>
1191+
</blockquote>
1192+
<blockquote>
1193+
<p><ins>UAs must apply the 'scroll-padding' values set on the root element
1194+
to the document viewport.
1195+
(Note that, unlike 'overflow',
1196+
'scroll-padding' values are <em>not</em> propagated from HTML <{body}>.)</ins></p>
1197+
</blockquote>
11701198
</ul>
11711199

11721200
Changes since the <a href="https://www.w3.org/TR/2018/CR-css-scroll-snap-1-20180814/">14 August 2018 Candidate Recommendation</a> include:

0 commit comments

Comments
 (0)