bikeshed errors

Author: tabatkins

cssom-view-1/Overview.bs

@@ -34,19 +34,17 @@ urlPrefix: https://html.spec.whatwg.org/multipage/
     urlPrefix: window-object.html
         type: method
             text: open(url, target, features); for: Window; url: #dom-open
-urlPrefix: https://drafts.csswg.org/cssom/
-    type: dfn
-        text: parse a media query list
-        text: serialize a media query list
 urlPrefix: https://www.w3.org/TR/CSS21/visuren.html
     type: dfn; text: anonymous block box; url: #anonymous-block-level
 url: https://drafts.csswg.org/mediaqueries-4/#mf-colors; type: dfn; text: color media query
-url: https://www.w3.org/TR/wai-aria-1.1/#dfn-hidden; type: dfn; text: hidden; spec: wai-aria-1
+url: https://www.w3.org/TR/wai-aria-1.1/#dfn-hidden; type: dfn; text: hidden; spec: wai-aria-11
 </pre>
 
 <pre class='link-defaults'>
 spec:css-display-3; type:value; for:display; text:table
 spec:css-position-3; type:property; text:position
+spec:css-ui-4; type:property; text:pointer-events
+spec:css2; type:dfn; text:viewport
 spec:dom; type:interface; text:Document
 spec:html; type:dfn; text: inert
 </pre>
@@ -109,9 +107,6 @@ HTML.
 <a>HTML element</a> child of the root
 <a>HTML element</a> <code>html</code>.
 
-<dfn>Content edge</dfn>, <dfn>padding edge</dfn>, <dfn>border edge</dfn>, <dfn>margin edge</dfn>, and <dfn>viewport</dfn> are defined by CSS.
-<!-- These *should* just link to CSS2.1, but it doesn't have actual anchors to link to, because it's THE WORST. -->
-
 Elements and <a>viewports</a> have an associated <dfn export>scrolling box</dfn> if the element or viewport has a scrolling mechanism<!--XXX xref-->, or it overflows
 its content area<!--XXX xref--> and the used value of the 'overflow-x' or 'overflow-y' property is not ''overflow/hidden'' or ''overflow/clip''. [[!CSS3-BOX]]
 
@@ -351,7 +346,7 @@ This specification depends on the WHATWG Infra standard. [[!INFRA]]
 
 <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>,
+When a user agent is to <dfn export>perform a scroll</dfn> of a <a>scrolling box</a> <var>box</var>,
 to a given position <var>position</var>,
 an associated element <var>element</var> and optionally a scroll behavior <var>behavior</var>
 (which is "<code>auto</code>" if omitted),
@@ -362,22 +357,22 @@ the following steps must be run:
  <li>If the user agent honors the 'scroll-behavior' property and one of the following are true:
   <ul>
    <li><var>behavior</var> is "<code>auto</code>" and <var>element</var> is not null and its computed value of the
-   'scroll-behavior' property is ''smooth''
+   'scroll-behavior' property is ''scroll-behavior/smooth''
    <li><var>behavior</var> is <code>smooth</code>
   </ul>
   ...then perform a <a>smooth scroll</a> of <var>box</var> to <var>position</var>.
   Otherwise, perform an <a>instant scroll</a> of <var>box</var> to <var>position</var>.
 </ol>
 
-When a user agent is to perform a <dfn id=concept-smooth-scroll>smooth scroll</dfn> of a <a>scrolling box</a> <var>box</var> to <var>position</var>,
+When a user agent is to perform a <dfn export id=concept-smooth-scroll>smooth scroll</dfn> of a <a>scrolling box</a> <var>box</var> to <var>position</var>,
 it must update the scroll position of <var>box</var> in a user-agent-defined fashion over a user-agent-defined amount of time. When the scroll is
-<dfn lt="smooth scroll completed">completed</dfn>, the scroll position of <var>box</var> must be <var>position</var>. The scroll can also
-be <dfn lt="smooth scroll aborted">aborted</dfn>, either by an algorithm or by the user. <!--fingerprint-->
+<dfn export lt="smooth scroll completed">completed</dfn>, the scroll position of <var>box</var> must be <var>position</var>. The scroll can also
+be <dfn export lt="smooth scroll aborted">aborted</dfn>, either by an algorithm or by the user. <!--fingerprint-->
 
 When a user agent is to perform an <dfn id=concept-instant-scroll>instant scroll</dfn> of a <a>scrolling box</a> <var>box</var> to
 <var>position</var>, it must update the scroll position of <var>box</var> to <var>position</var>.
 
-To <dfn>scroll to the beginning of the document</dfn> for a document <var>document</var>, follow these steps:
+To <dfn export>scroll to the beginning of the document</dfn> for a document <var>document</var>, follow these steps:
 
 <ol>
  <li>Let <var>viewport</var> be the <a>viewport</a> that is associated with <var>document</var>. <!-- This assumes that there is a viewport, since
@@ -460,7 +455,7 @@ When the <dfn method for=Window caniuse=matchmedia>matchMedia(<var>query</var>)<
  with [=this=]'s
  <a>associated <code>Document</code></a>
  as the <a for=MediaQueryList>document</a>,
- with <var>parsed media query list</var> as its associated <a>media query list</a>.
+ with <var>parsed media query list</var> as its associated [=MediaQueryList/media query list=].
 </ol>
 
 The <dfn attribute for=Window>screen</dfn> attribute must return the {{Screen}} object
@@ -696,18 +691,18 @@ A <dfn export>supported <code>open()</code> feature name</dfn> is one of the fol
 
 This section integrates with the <a for=/>event loop</a> defined in HTML. [[!HTML]]
 
-A {{MediaQueryList}} object has an associated <dfn>media query list</dfn>
+A {{MediaQueryList}} object has an associated <dfn for=MediaQueryList>media query list</dfn>
 and an associated <dfn for=MediaQueryList>document</dfn> set on creation.
 
 A {{MediaQueryList}} object has an associated <dfn for=MediaQueryList>media</dfn> which is the
-<a lt='serialize a media query list'>serialized</a> form of the associated <a>media query list</a>.
+<a lt='serialize a media query list'>serialized</a> form of the associated [=MediaQueryList/media query list=].
 
 A {{MediaQueryList}} object has an associated <dfn for=MediaQueryList>matches state</dfn> which is
-true if the associated <a>media query list</a> matches the state of the <a for=MediaQueryList>document</a>, and false otherwise.
+true if the associated [=MediaQueryList/media query list=] matches the state of the <a for=MediaQueryList>document</a>, and false otherwise.
 
 <!--XXX update the matches state when flushing layout (offsetWidth et al), without firing a change event. -->
 
-When asked to <dfn>evaluate media queries and report changes</dfn> for a {{Document}} <var>doc</var>, run these steps:
+When asked to <dfn export>evaluate media queries and report changes</dfn> for a {{Document}} <var>doc</var>, run these steps:
 
 <ol>
 
@@ -976,7 +971,7 @@ specification and therefore the exact details of
 are therefore too. Hit testing will hopefully be defined in a future
 revision of CSS or HTML.
 
-<p>The <dfn attribute for=Document>scrollingElement</dfn> attribute, on getting, must run these steps:
+<p>The <dfn attribute for=Document caniuse=document-scrollingelement>scrollingElement</dfn> attribute, on getting, must run these steps:
 
 1. If the {{Document}} is in <a>quirks mode</a>, follow these substeps:
     1. If <a>the HTML <code>body</code> element</a> exists, and it is not <a>potentially scrollable</a>, return <a>the HTML <code>body</code> element</a> and abort these steps.
@@ -1032,7 +1027,8 @@ aborting on the first step that returns a value:
 
 Note: This {{DOMRect}} object is not <a spec=html>live</a>.
 
-<h2 id=extension-to-the-element-interface>Extensions to the {{Element}} Interface</h2>
+<h2 id=extension-to-the-element-interface caniuse="element-scroll-methods">
+Extensions to the {{Element}} Interface</h2>
 
 <pre class=idl>
 enum ScrollLogicalPosition { "start", "center", "end", "nearest" };
@@ -1122,7 +1118,7 @@ Note: The {{DOMRect}} object returned by {{Element/getBoundingClientRect()}} is
 
     1. If |this| does not have an associated [=layout box=],
         return false.
-    1. If a [=shadow-inclusive ancestor=] of |this|
+    1. If a [=shadow-including ancestor=] of |this|
         has ''content-visibility: hidden'',
         return false.
     1. If the {{IsVisibleOptions/checkAriaHidden}} dictionary member of |options|
@@ -1135,12 +1131,12 @@ Note: The {{DOMRect}} object returned by {{Element/getBoundingClientRect()}} is
         return false.
     1. If the {{IsVisibleOptions/checkOpacity}} dictionary member of |options|
         is true,
-        and |this|, or a [=shadow-inclusive ancestor=] of |this|,
+        and |this|, or a [=shadow-including ancestor=] of |this|,
         has a computed 'opacity' value of ''0'',
         return false.
     1. If the {{IsVisibleOptions/checkVisibilityCSS}} dictionary member of |options|
         is true,
-        and |this| is [=invisible=],
+        and |this| is <l spec=css-display>[=invisible=]</l>,
         return false.
     1. Return true.
 </div>
@@ -1681,7 +1677,7 @@ method must run the following steps:
 
 This section integrates with the <a for=/>event loop</a> defined in HTML. [[!HTML]]
 
-When asked to <dfn>run the resize steps</dfn> for a {{Document}} <var>doc</var>, run these steps:
+When asked to <dfn export for=Document>run the resize steps</dfn> for a {{Document}} <var>doc</var>, run these steps:
 
 1. If <var>doc</var>'s <a>viewport</a> has had its width or height changed
     (e.g. as a result of the user resizing the browser window,
@@ -1696,7 +1692,7 @@ When asked to <dfn>run the resize steps</dfn> for a {{Document}} <var>doc</var>,
 
 This section integrates with the <a for=/>event loop</a> defined in HTML. [[!HTML]]
 
-Each {{Document}} has an associated list of <dfn>pending scroll event targets</dfn>, initially empty.
+Each {{Document}} has an associated list of <dfn for=Document>pending scroll event targets</dfn>, initially empty.
 
 Whenever a <a>viewport</a> gets scrolled (whether in response to user interaction or by an API), the user agent must run these steps:
 
@@ -1710,7 +1706,7 @@ Whenever an element gets scrolled (whether in response to user interaction or by
 1. If the element is already in <var>doc</var>'s <a>pending scroll event targets</a>, abort these steps.
 1. Append the element to <var>doc</var>'s <a>pending scroll event targets</a>.
 
-When asked to <dfn>run the scroll steps</dfn> for a {{Document}} <var>doc</var>, run these steps:
+When asked to <dfn export for=Document>run the scroll steps</dfn> for a {{Document}} <var>doc</var>, run these steps:
 
 1. For each item <var>target</var> in <var>doc</var>'s <a>pending scroll event targets</a>,
     in the order they were added to the list, run these substeps: