[css-transitions] Need to remove completed transitions on style changes when the combined duration is 0 or the change cannot be interpolated.

Author: dbaron

css-transitions/Overview.bs

@@ -761,6 +761,15 @@ url: https://html.spec.whatwg.org/multipage/infrastructure.html#concept-event-di
           </li>
         </ul>
       </li>
+      <li>
+        Otherwise,
+        if the element has a <a>completed transition</a> for the property
+        and the <a>end value</a> of the <a>completed transition</a>
+        is different from the <a>after-change style</a> for the property,
+        then implementations must
+        remove the <a>completed transition</a> from the set of
+        <a>completed transitions</a>.
+      </li>
       <li>
         If the element has a <a>running transition</a> or
         <a>completed transition</a> for the property,

css-transitions/Overview.html

@@ -99,7 +99,7 @@
    <h1 class="p-name no-ref" id="title">CSS Transitions</h1>
 
    <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft,
-    <time class="dt-updated" datetime="2015-04-17">17 April 2015</time></span></h2>
+    <time class="dt-updated" datetime="2015-04-24">24 April 2015</time></span></h2>
 
    <div data-fill-with="spec-metadata">
     <dl>
@@ -1194,6 +1194,17 @@ <h2 class="heading settled" data-level="3" id="starting"><span class="secno">3.
 
 
 
+    <li>
+        Otherwise,
+        if the element has a <a data-link-type="dfn" href="#completed-transition">completed transition</a> for the property
+        and the <a data-link-type="dfn" href="#end-value">end value</a> of the <a data-link-type="dfn" href="#completed-transition">completed transition</a>
+        is different from the <a data-link-type="dfn" href="#after_change-style">after-change style</a> for the property,
+        then implementations must
+        remove the <a data-link-type="dfn" href="#completed-transition">completed transition</a> from the set of
+        <a data-link-type="dfn" href="#completed-transition">completed transitions</a>.
+      
+    
+      
     <li>
         If the element has a <a data-link-type="dfn" href="#running-transition">running transition</a> or
         <a data-link-type="dfn" href="#completed-transition">completed transition</a> for the property,
@@ -2758,7 +2769,7 @@ <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="con
      <li><a href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a>
      <li><a href="http://dev.w3.org/csswg/css-values-3/#comb-any">||</a>
     </ul>
-   <li><a data-link-type="biblio" href="#biblio-css21">[css21]</a> defines the following terms:
+   <li><a data-link-type="biblio" href="#biblio-css21">[CSS21]</a> defines the following terms:
     <ul>
      <li><a href="http://dev.w3.org/csswg/css2/colors.html#propdef-background-color">background-color</a>
      <li><a href="http://dev.w3.org/csswg/css2/colors.html#propdef-background-position">background-position</a>
@@ -2807,7 +2818,7 @@ <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="con
      <li><a href="http://dom.spec.whatwg.org/#event">Event</a>
      <li><a href="http://dom.spec.whatwg.org/#dictdef-eventinit">EventInit</a>
     </ul>
-   <li><a data-link-type="biblio" href="#biblio-webidl">[webidl]</a> defines the following terms:
+   <li><a data-link-type="biblio" href="#biblio-webidl">[WebIDL]</a> defines the following terms:
     <ul>
      <li><a href="http://heycam.github.io/webidl/#idl-DOMString">DOMString</a>
     </ul>
@@ -2816,9 +2827,9 @@ <h2 class="no-num heading settled" id="references"><span class="content">Referen
   <h3 class="no-num heading settled" id="normative"><span class="content">Normative References</span><a class="self-link" href="#normative"></a></h3>
   <dl>
    <dt id="biblio-css21"><a class="self-link" href="#biblio-css21"></a>[CSS21]
-   <dd>Bert Bos; et al. <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607">Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>. 7 June 2011. W3C Recommendation. URL: <a href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
+   <dd>Bert Bos; et al. <a href="http://www.w3.org/TR/CSS2">Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>. 7 June 2011. REC. URL: <a href="http://www.w3.org/TR/CSS2">http://www.w3.org/TR/CSS2</a>
    <dt id="biblio-css3cascade"><a class="self-link" href="#biblio-css3cascade"></a>[CSS3CASCADE]
-   <dd>Håkon Wium Lie; Elika J. Etemad; Tab Atkins Jr.. <a href="http://www.w3.org/TR/2013/CR-css-cascade-3-20131003/">CSS Cascading and Inheritance Level 3</a>. 3 October 2013. W3C Candidate Recommendation. (Work in progress.) URL: <a href="http://www.w3.org/TR/2013/CR-css-cascade-3-20131003/">http://www.w3.org/TR/2013/CR-css-cascade-3-20131003/</a>
+   <dd>Elika Etemad; Tab Atkins Jr.. <a href="http://www.w3.org/TR/css-cascade-3/">CSS Cascading and Inheritance Level 3</a>. 16 April 2015. CR. URL: <a href="http://www.w3.org/TR/css-cascade-3/">http://www.w3.org/TR/css-cascade-3/</a>
    <dt id="biblio-webidl"><a class="self-link" href="#biblio-webidl"></a>[WebIDL]
    <dd>Cameron McCormack. <a href="http://www.w3.org/TR/WebIDL/">Web IDL</a>. 19 April 2012. CR. URL: <a href="http://www.w3.org/TR/WebIDL/">http://www.w3.org/TR/WebIDL/</a>
    <dt id="biblio-css-backgrounds-3"><a class="self-link" href="#biblio-css-backgrounds-3"></a>[CSS-BACKGROUNDS-3]
@@ -2841,7 +2852,7 @@ <h3 class="no-num heading settled" id="normative"><span class="content">Normativ
   <h3 class="no-num heading settled" id="informative"><span class="content">Informative References</span><a class="self-link" href="#informative"></a></h3>
   <dl>
    <dt id="biblio-css3color"><a class="self-link" href="#biblio-css3color"></a>[CSS3COLOR]
-   <dd>Tantek Çelik; Chris Lilley; L. David Baron. <a href="http://www.w3.org/TR/2011/REC-css3-color-20110607">CSS Color Module Level 3</a>. 7 June 2011. W3C Recommendation. URL: <a href="http://www.w3.org/TR/2011/REC-css3-color-20110607">http://www.w3.org/TR/2011/REC-css3-color-20110607</a>
+   <dd>Tantek Çelik; Chris Lilley; David Baron. <a href="http://www.w3.org/TR/css3-color">CSS Color Module Level 3</a>. 7 June 2011. REC. URL: <a href="http://www.w3.org/TR/css3-color">http://www.w3.org/TR/css3-color</a>
    <dt id="biblio-svg11"><a class="self-link" href="#biblio-svg11"></a>[SVG11]
    <dd>Erik Dahlström; et al. <a href="http://www.w3.org/TR/SVG11/">Scalable Vector Graphics (SVG) 1.1 (Second Edition)</a>. 16 August 2011. REC. URL: <a href="http://www.w3.org/TR/SVG11/">http://www.w3.org/TR/SVG11/</a>
    <dt id="biblio-wcag20"><a class="self-link" href="#biblio-wcag20"></a>[WCAG20]