[css-scrollbars-1] Changes for CR

Author: Chris Lilley

css-scrollbars-1/Overview.bs

@@ -3,8 +3,12 @@ Title: CSS Scrollbars Styling Module Level 1
 Group: csswg
 Shortname: css-scrollbars
 Level: 1
-Status: ED
+Status: CR
+Date: 2021-12-07
+Deadline: 2022-02-07
+Prepare for TR: yes
 Work Status: Revising
+Implementation Report: https://wpt.fyi/results/css/css-scrollbars?label=experimental&label=master&aligned
 ED: https://drafts.csswg.org/css-scrollbars/
 TR: https://www.w3.org/TR/css-scrollbars-1/
 Previous version: https://www.w3.org/TR/2021/WD-css-scrollbars-1-20211202/
@@ -19,7 +23,6 @@ Editor: Florian Rivoal, Invited Expert, https://florian.rivoal.net/, w3cid 43241
 Abstract: This CSS module defines properties
           to influence the visual styling of scrollbars,
           introducing controls for their color and width.
-Link Defaults: css-color-3 (property) color
 </pre>
 
 <h2 id="intro">
@@ -103,7 +106,7 @@ This property allows the author to set colors of an element's scrollbars.
 
 UAs must apply the scrollbar-color value set on the root element to the viewport.
 
-Note: Unlike 'overflow' (and overflow-*) properties, 
+Note: Unlike 'overflow' (and overflow-*) properties,
 scrollbar-color value set on the HTML body element are not propagated to the viewport.
 
 <dl dfn-type="value" dfn-for="scrollbar-color">
@@ -139,10 +142,10 @@ or to a lack of control given by the native toolkit.
 The provision above allows the UA to replace them with differently-constructed scrollbars,
 which it does know how to color.
 
-(Note: add diagram showing the different named pieces - something like 
+(Note: add diagram showing the different named pieces - something like
 <a href="http://www.howtocreate.co.uk/tutorials/scrlbar.html">http://www.howtocreate.co.uk/tutorials/scrlbar.html</a>)
 
-(Note: add example of an overflow element with colorized scrollbars to match page styling, 
+(Note: add example of an overflow element with colorized scrollbars to match page styling,
 PNG of the same in a browser that supports it currently)
 
 Implementations may ignore any of the colors
@@ -151,36 +154,36 @@ if the corresponding part do not exist on the underlying platform.
 When using 'scrollbar-color' property with specific color values,
 authors should ensure the specified colors have enough contrast between them.
 For keyword values, UAs should ensure the colors they use have enough contrast.
-See 
-<a href="https://www.w3.org/TR/WCAG21/#non-text-contrast">WCAG 2.1 SC 1.4.11 Non-text Contrast</a> 
-[[WCAG21]]. 
-UAs may ignore these contrast requirements based on explicit user preferences 
-(for example, when users choose a configuration option/setting that 
+See
+<a href="https://www.w3.org/TR/WCAG21/#non-text-contrast">WCAG 2.1 SC 1.4.11 Non-text Contrast</a>
+[[WCAG21]].
+UAs may ignore these contrast requirements based on explicit user preferences
+(for example, when users choose a configuration option/setting that
 always ensures a particular scrollbar color / use of system default scrollbars).
 
-Note: when a user interacts with a scrollbar (e.g. hovering or activating), 
+Note: when a user interacts with a scrollbar (e.g. hovering or activating),
 implementations may alter which scrollbar colors apply to which scrollbar parts.
 
-Note: IE uses named System Colors as defaults for each of the scrollbar color properties. 
+Note: IE uses named System Colors as defaults for each of the scrollbar color properties.
 See related <a href="https://github.com/w3c/csswg-drafts/issues/1956">Issue 1956</a>.
 
   <div class="example">
-    <p>The following example 
+    <p>The following example
     (derived from
-    <a href="https://www.w3.org/Style/Examples/007/scrollbars.en.html">https://www.w3.org/Style/Examples/007/scrollbars.en.html</a>) 
+    <a href="https://www.w3.org/Style/Examples/007/scrollbars.en.html">https://www.w3.org/Style/Examples/007/scrollbars.en.html</a>)
     resets scrollbar colors in IE.</p>
 
     <pre><code class="css">
-<!-- -->html { 
+<!-- -->html {
 <!-- -->    scrollbar-color: ThreeDFace Scrollbar;
 <!-- -->}</code></pre>
   </div>
 
 
 <h2 id="scrollbar-width">Scrollbar Thickness: the 'scrollbar-width' property</h2>
 
-<pre class="propdef"> 
-Name: scrollbar-width 
+<pre class="propdef">
+Name: scrollbar-width
 Value: auto | thin | none
 Initial: auto
 Inherited: no
@@ -280,7 +283,7 @@ UAs must apply the 'scrollbar-width' value set on the root element to the viewpo
 Note: Unlike the 'overflow' property (and its longhands),
 a 'scrollbar-width' value set on the HTML <{body}> element is not propagated to the viewport.
 
-Note: This specification does not define the exact position or shape of the scrollbar, 
+Note: This specification does not define the exact position or shape of the scrollbar,
 or any animation thereof, such as fading or sliding in/out of view.
 
 <h2 class="no-num" id="acknowledgments">Appendix A. Acknowledgments</h2>
@@ -291,16 +294,22 @@ This appendix is <em>non-normative</em>.
 Thanks to the use-cases, prototyping, implementation, and feedback from
 <a class="h-card" href="https://xanthir.com/">Tab Atkins</a> and
 <a class="h-card" href="https://www.upsuper.org/">Xidorn Quan</a>.
-Thanks to accessibility review and contributions 
-(<a href="https://github.com/w3c/csswg-drafts/issues/3315">#3315</a>) 
-from 
+Thanks to accessibility review and contributions
+(<a href="https://github.com/w3c/csswg-drafts/issues/3315">#3315</a>)
+from
 <a class="h-card" href="https://www.splintered.co.uk">Patrick H. Lauke</a>.
 </p>
 
 <h2 class="no-num" id="changes">Appendix B. Changes</h2>
 
 This appendix is <em>non-normative</em>.
 
+<h3 class="no-num" id="changes-since-2021-12-02">
+  Changes since the <a href="https://www.w3.org/TR/css-scrollbars-1/">2021-12-02 Working Draft</a>
+</h3>
+
+  * Boilerplate changes for CR
+
 <h3 class="no-num" id="changes-since-2021-08-05">
 Changes from the <a href="https://www.w3.org/TR/2021/WD-css-scrollbars-1-20210805/">2021-08-05 Working Draft</a></h3>
 
@@ -315,13 +324,13 @@ Changes from the <a href="https://www.w3.org/TR/2018/WD-css-scrollbars-1-2018092
     removed <css>light</css> and <css>dark</css> values of 'scrollbar-color'
     in favor of allowing the UA to tune ''scrollbar-color/auto''
     in accordance with 'color-scheme' or other contextual information.
-<li><a href="https://github.com/w3c/csswg-drafts/issues/3237">#3237</a>: 
+<li><a href="https://github.com/w3c/csswg-drafts/issues/3237">#3237</a>:
     scrollbar-color computed value changed to: specified keyword or two computed colors
 </li>
-<li><a href="https://github.com/w3c/csswg-drafts/issues/4693">#4693</a>: 
+<li><a href="https://github.com/w3c/csswg-drafts/issues/4693">#4693</a>:
     Clarified scope: styling scrollbar controls themselves, no layout or scrollability.
 </li>
-<li><a href="https://github.com/w3c/csswg-drafts/issues/3315">#3315</a>: 
+<li><a href="https://github.com/w3c/csswg-drafts/issues/3315">#3315</a>:
     More and updated accessibility considerations for scrollbar-color and scrollbar-width.
 </ul>
 
@@ -384,8 +393,8 @@ Self-Review Questionnaire: Security and Privacy: Questions to Consider</a>
 </li>
 
 <li>Does this specification allow an origin some measure of control over a user agent’s native UI?
-<p>Yes. The 'scrollbar-*' properties enable the page to change the color and width of the scrollbar 
-of the user agent’s native UI, e.g. scrollbars on the page’s window, on framed content embedded in the page, 
+<p>Yes. The 'scrollbar-*' properties enable the page to change the color and width of the scrollbar
+of the user agent’s native UI, e.g. scrollbars on the page’s window, on framed content embedded in the page,
 or on overflowing elements with scrollbars in the page.</p>
 </li>