[css-animations-2] Tweak 'requirements on pending style changes'

Author: birtles

css-animations-2/Overview.bs

@@ -491,11 +491,12 @@ As an example, in the following code fragment, when the specified style of
 <code>elem</code> is initially updated, a user agent may defer recalculating
 the computed value of the 'animation' property.
 
-However, the <code>getAnimations</code> method from the {{Element}} interface
-which is specified by [[!WEB-ANIMATIONS]] can return {{CSSAnimation}} objects as
-defined in this specification, and hence the user agent must calculate the
-updated value <code>elem</code>'s 'animation' property and create
-the requested {{CSSAnimation}} object before returning its result.
+However, the {{Animatable/getAnimations()}} method called on <code>elem</code>
+is specified by Web Animations and can return {{CSSAnimation}} objects as
+defined in this specification.
+Hence, as result of the requirements in this section, the user agent must
+calculate the updated value of <code>elem</code>'s 'animation' property and
+create the requested {{CSSAnimation}} object before returning its result.
 
 <div><pre class="example lang-javascript">
 elem.style.animation = 'fadeOut 1s';

css-animations-2/Overview.html

@@ -550,11 +550,11 @@ <h3 class="heading settled" data-level="5.2" id="requirements-on-pending-style-c
    <div class="note" role="note">
      As an example, in the following code fragment, when the specified style of <code>elem</code> is initially updated, a user agent may defer recalculating
 the computed value of the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation">animation</a> property. 
-    <p>However, the <code>getAnimations</code> method from the <code class="idl"><a data-link-type="idl" href="https://dom.spec.whatwg.org/#element">Element</a></code> interface
-which is specified by <a data-link-type="biblio" href="#biblio-web-animations">[WEB-ANIMATIONS]</a> can return <code class="idl"><a data-link-type="idl" href="#cssanimation">CSSAnimation</a></code> objects as
-defined in this specification, and hence the user agent must calculate the
-updated value <code>elem</code>’s <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation">animation</a> property and create
-the requested <code class="idl"><a data-link-type="idl" href="#cssanimation">CSSAnimation</a></code> object before returning its result.</p>
+    <p>However, the <code class="idl"><a data-link-type="idl" href="http://www.w3.org/TR/web-animations/#dom-animatable-getanimations">getAnimations()</a></code> method called on <code>elem</code> is specified by Web Animations and can return <code class="idl"><a data-link-type="idl" href="#cssanimation">CSSAnimation</a></code> objects as
+defined in this specification.
+Hence, as result of the requirements in this section, the user agent must
+calculate the updated value of <code>elem</code>’s <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation">animation</a> property and
+create the requested <code class="idl"><a data-link-type="idl" href="#cssanimation">CSSAnimation</a></code> object before returning its result.</p>
     <div>
 <pre class="example lang-javascript" id="example-bec75963"><a class="self-link" href="#example-bec75963"></a>elem.style.animation = 'fadeOut 1s';
 elem.getAnimations()[0].pause();
@@ -740,7 +740,6 @@ <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="con
    <li>
     <a data-link-type="biblio" href="#biblio-dom-ls">[dom-ls]</a> defines the following terms:
     <ul>
-     <li><a href="https://dom.spec.whatwg.org/#element">Element</a>
      <li><a href="https://dom.spec.whatwg.org/#concept-tree-order">tree order</a>
     </ul>
    <li>
@@ -773,6 +772,7 @@ <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="con
      <li><a href="http://www.w3.org/TR/web-animations/#animatable">Animatable</a>
      <li><a href="http://www.w3.org/TR/web-animations/#animationtimeline">AnimationTimeline</a>
      <li><a href="http://www.w3.org/TR/web-animations/#dictdef-keyframeeffectoptions">KeyframeEffectOptions</a>
+     <li><a href="http://www.w3.org/TR/web-animations/#dom-animatable-getanimations">getAnimations()</a>
     </ul>
    <li>
     <a data-link-type="biblio" href="#biblio-webidl">[WebIDL]</a> defines the following terms: