[cssom-view] Add caniuse panel for 'scroll-behavior' property

Fixes w3c#1194.

Author: zcorpan

cssom-view/Overview.bs

@@ -96,8 +96,7 @@ spec:html; type:dfn; text:case-sensitive
 
 <script src=https://resources.whatwg.org/file-issue.js async data-file-issue-url="https://github.com/w3c/csswg-drafts/issues/new?title=%5Bcssom-view%5D%20"></script>
 
-Background {#background}
-========================
+<h2 id=background>Background</h2>
 
 Many of the features defined in this specification have been supported
 by browsers for a long period of time. The goal of this specification is
@@ -108,8 +107,7 @@ are not you can bug us!)
 
 
 
-Terminology {#terminology}
-==========================
+<h2 id=terminology>Terminology</h2>
 
 Terminology used in this specification is from
 DOM,
@@ -341,24 +339,21 @@ e.g. the author can't change the behavior by overriding attributes or methods wi
 Unless otherwise stated, string comparisons are done in a <a>case-sensitive</a> manner.
 
 
-CSS pixels {#css-pixels}
-------------------------
+<h3 id=css-pixels>CSS pixels</h3>
 
 All coordinates and dimensions for the APIs defined in this
 specification are in <a lt=px value>CSS pixels</a>, unless otherwise specified. [[!CSS-VALUES]]
 
 Note: This does not apply to e.g. {{matchMedia()}} as the units are explicitly given there.
 
 
-Zooming {#zooming}
-------------------
+<h3 id=zooming>Zooming</h3>
 
 There are two kinds of zoom, <dfn>page zoom</dfn> which affects the size of the initial viewport<!-- XXX ref -->, and <dfn>pinch zoom</dfn> which acts like
 a magnifying glass and does not affect the initial viewport<!-- XXX ref --> or actual viewport<!-- XXX ref -->. [[!CSS-DEVICE-ADAPT]]
 
 
-Web-exposed screen information {#web-exposed-screen-information}
-----------------------------------------------------------------
+<h3 id=web-exposed-screen-information>Web-exposed screen information</h3>
 
 User agents may choose to hide information about the screen of the output device, in order to
 protect the user's privacy. In order to do so in a consistent manner across APIs, this specification
@@ -377,14 +372,12 @@ The <dfn export>Web-exposed available screen area</dfn> is one of the following:
 * The area of the <a>viewport</a>, in <a lt=px value>CSS pixels</a>.
 
 
-Common Infrastructure {#common-infrastructure}
-==============================================
+<h2 id=common-infrastructure>Common Infrastructure</h2>
 
 This specification depends on the WHATWG Infra standard. [[!INFRA]]
 
 
-Scrolling {#scrolling}
-----------------------
+<h3 id=scrolling>Scrolling</h3>
 
 When a user agent is to <dfn>perform a scroll</dfn> of a <a>scrolling box</a> <var>box</var>,
 to a given position <var>position</var>,
@@ -428,18 +421,15 @@ To <dfn>scroll to the beginning of the document</dfn> for a document <var>docume
 Note: This algorithm is used when navigating to the <code>#top</code> fragment identifier, as defined in HTML. [[!HTML]]
 
 
-WebIDL values {#webidl-values}
-------------------------------
+<h3 id=webidl-values>WebIDL values</h3>
 
 When asked to <dfn>normalize non-finite values</dfn> for a value <var>x</var>,
 if <var>x</var> is one of the three special floating point literal values
 (<code>Infinity</code>, <code>-Infinity</code> or <code>NaN</code>),
 then <var>x</var> must be changed to the value <code>0</code>. [[!WEBIDL]]
 
 
-Extensions to the {{Window}} Interface {#extensions-to-the-window-interface}
-============================================================================
-
+<h2 id=extensions-to-the-window-interface>Extensions to the {{Window}} Interface</h2>
 
 <pre class=idl>
 enum ScrollBehavior { "auto", "instant", "smooth" };
@@ -661,8 +651,7 @@ The <dfn attribute for=Window caniuse=devicepixelratio>devicePixelRatio</dfn> at
 1. Return the result of dividing <var>CSS pixel size</var> by <var>device pixel size</var>.
 
 
-The <var ignore>features</var> argument to the {{Window/open()}} method {#the-features-argument-to-the-open()-method}
---------------------------------------------------------------------------------------------------------------
+<h3 id=the-features-argument-to-the-open()-method>The <var ignore>features</var> argument to the {{Window/open()}} method</h3>
 
 HTML defines the {{Window/open()}} method. This section defines behavior for position and size given
 in the <var ignore>features</var> argument. [[!HTML]]
@@ -738,8 +727,7 @@ A <dfn export>supported <code>open()</code> feature name</dfn> is one of the fol
 </dl>
 
 
-The {{MediaQueryList}} Interface {#the-mediaquerylist-interface}
-----------------------------------------------------------------
+<h3 id=the-mediaquerylist-interface>The {{MediaQueryList}} Interface</h3>
 
 This section integrates with the <a spec=html>event loop</a> defined in HTML. [[!HTML]]
 
@@ -884,8 +872,7 @@ The <dfn attribute for=MediaQueryListEvent>matches</dfn> attribute must return t
    <td>Fired at the {{MediaQueryList}} when the <a>matches state</a> changes.
 </table>
 
-The {{Screen}} Interface {#the-screen-interface}
-------------------------------------------------
+<h3 id=the-screen-interface>The {{Screen}} Interface</h3>
 
 As its name suggests, the {{Screen}} interface represents information about the screen of the output device.
 
@@ -945,8 +932,7 @@ Note: Some non-conforming implementations are known to return 32 instead of 24.
   </pre>
 </div>
 
-Extensions to the {{Document}} Interface {#extensions-to-the-document-interface}
-================================================================================
+<h2 id=extensions-to-the-document-interface>Extensions to the {{Document}} Interface</h2>
 
 <pre class=idl>
 partial interface Document {
@@ -1051,8 +1037,7 @@ or having to invoke a scroll to see which element scrolls the viewport.
 Note: <a>The HTML <code>body</code> element</a> is different from HTML's <code>document.body</code>
 in that the latter can return a <code>frameset</code> element.
 
-The {{CaretPosition}} Interface {#the-caretposition-interface}
---------------------------------------------------------------
+<h3 id=the-caretposition-interface>The {{CaretPosition}} Interface</h3>
 
 A <dfn>caret position</dfn> gives the position of a text insertion point indicator. It always has an associated
 <dfn>caret node</dfn>, <dfn>caret offset</dfn>, and <dfn>caret range</dfn>. It is represented by a {{CaretPosition}} object.
@@ -1085,8 +1070,7 @@ aborting on the first step that returns a value:
 
 Note: This {{DOMRect}} object is not <a spec=html>live</a>.
 
-Extensions to the {{Element}} Interface {#extension-to-the-element-interface}
-=============================================================================
+<h2 id=extension-to-the-element-interface>Extensions to the {{Element}} Interface</h2>
 
 <pre class=idl>
 enum ScrollLogicalPosition { "start", "center", "end", "nearest" };
@@ -1312,8 +1296,7 @@ The <dfn attribute for=Element>clientHeight</dfn> attribute must run these steps
 1. Return the height of the <a>padding edge</a> excluding the height of any rendered scrollbar between the <a>padding edge</a> and the <a>border edge</a>, ignoring any <a>transforms</a> that apply to the element and its ancestors.
 
 
-{{Element}} Scrolling Members {#element-scrolling-members}
-----------------------------------------------------------
+<h3 id=element-scrolling-members>{{Element}} Scrolling Members</h3>
 
 To <dfn>scroll an element into view</dfn> <var>element</var>,
 with a {{ScrollIntoViewOptions}} dictionary <var>options</var>,
@@ -1401,8 +1384,7 @@ To <dfn>scroll an element</dfn> <var>element</var> to <var>x</var>,<var>y</var>
 
 
 
-Extensions to the {{HTMLElement}} Interface {#extensions-to-the-htmlelement-interface}
-======================================================================================
+<h2 id=extensions-to-the-htmlelement-interface>Extensions to the {{HTMLElement}} Interface</h2>
 
 <pre class=idl>
 partial interface HTMLElement {
@@ -1460,8 +1442,7 @@ The <dfn attribute for=HTMLElement>offsetHeight</dfn> attribute must return the
 1. Return the <a>border edge</a> height of the first <a>CSS layout box</a> associated with the element, ignoring any <a>transforms</a> that apply to the element and its ancestors.
 
 
-Extensions to the {{HTMLImageElement}} Interface {#extensions-to-the-htmlimageelement-interface}
-================================================================================================
+<h2 id=extensions-to-the-htmlimageelement-interface>Extensions to the {{HTMLImageElement}} Interface</h2>
 
 <pre class=idl>
 partial interface HTMLImageElement {
@@ -1479,8 +1460,7 @@ first <a>CSS layout box</a> associated with the element, relative to the <a>init
 <a>transforms</a> that apply to the element and its ancestors, or zero if there is no <a>CSS layout box</a>.
 
 
-Extensions to the {{Range}} Interface {#extensions-to-the-range-interface}
-==========================================================================
+<h2 id=extensions-to-the-range-interface>Extensions to the {{Range}} Interface</h2>
 
 <pre class=idl>
 partial interface Range {
@@ -1520,8 +1500,7 @@ algorithm:
 
 Note: The {{DOMRect}} object returned by {{Range/getBoundingClientRect()}} is not <a spec=html>live</a>.
 
-Extensions to the {{MouseEvent}} Interface {#extensions-to-the-mouseevent-interface}
-====================================================================================
+<h2 id=extensions-to-the-mouseevent-interface>Extensions to the {{MouseEvent}} Interface</h2>
 
 Issue: The object IDL fragment redefines some members. Can we resolve this somehow?
 
@@ -1593,8 +1572,7 @@ The <dfn attribute for=MouseEvent>offsetY</dfn> attribute must follow these step
 1. Return the value of the event's {{MouseEvent/pageY}} attribute.
 
 
-Geometry {#geometry}
-====================
+<h2 id=geometry>Geometry</h2>
 
 <h3 id="the-geometryutils-interface" class=atrisk>The {{GeometryUtils}} Interface</h3>
 
@@ -1669,11 +1647,9 @@ method must run the following steps:
 </ol>
 
 
-Events {#events}
-================
+<h2 id=events>Events</h2>
 
-Resizing viewports {#resizing-viewports}
-----------------------------------------
+<h3 id=resizing-viewports>Resizing viewports</h3>
 
 This section integrates with the <a spec=html>event loop</a> defined in HTML. [[!HTML]]
 
@@ -1688,8 +1664,7 @@ When asked to <dfn>run the resize steps</dfn> for a {{Document}} <var>doc</var>,
     at the {{Window}} object associated with <var>doc</var>.
 
 
-Scrolling {#scrolling-events}
-----------------------
+<h3 id=scrolling-events>Scrolling</h3>
 
 This section integrates with the <a spec=html>event loop</a> defined in HTML. [[!HTML]]
 
@@ -1717,8 +1692,7 @@ When asked to <dfn>run the scroll steps</dfn> for a {{Document}} <var>doc</var>,
 1. Empty <var>doc</var>'s <a>pending scroll event targets</a>.
 
 
-Event summary {#event-summary}
-------------------------------
+<h3 id=event-summary>Event summary</h3>
 
 <i>This section is non-normative.</i>
 
@@ -1742,13 +1716,11 @@ Event summary {#event-summary}
    <td>Fired at the {{Document}} or element when the <a>viewport</a> or element is scrolled, respectively.
 </table>
 
-CSS properties {#css-properties}
-================================
+<h2 id=css-properties>CSS properties</h2>
 
 Issue: The features in this section should be moved to some other specification.
 
-Smooth Scrolling: The 'scroll-behavior' Property {#smooth-scrolling}
---------------------------------------------------------------------
+<h3 id=smooth-scrolling caniuse=css-scroll-behavior>Smooth Scrolling: The 'scroll-behavior' Property</h3>
 
 <pre class=propdef>
 Name: scroll-behavior