[css-transitions] Add a missed check for non-interpolability in the starting rules.

Author: dbaron

css-transitions/Overview.bs

@@ -788,6 +788,10 @@ url: http://w3c.github.io/dom/#constructing-events; type: dfn; text: event const
           <li>
             Otherwise, if the <a>combined duration</a> is
             less than or equal to ''0s'',
+            or if the
+            <a>current value</a> of the property in the <a>running transition</a>
+            cannot be interpolated with
+            the value of the property in the <a>after-change style</a>,
             then implementations must
             <a>cancel</a> the <a>running transition</a>.
           </li>

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-02-11">11 February 2015</time></span></h2>
+    <time class="dt-updated" datetime="2015-02-16">16 February 2015</time></span></h2>
 
    <div data-fill-with="spec-metadata">
     <dl>
@@ -117,14 +117,10 @@ <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="cont
      <dd><a href="https://www.w3.org/Bugs/Public/buglist.cgi?query_format=advanced&amp;amp;product=CSS&amp;amp;component=Transitions&amp;amp;resolution=---&amp;amp;status_whiteboard=defer%20to%20level%202&amp;amp;status_whiteboard_type=notregexp">Bugzilla bugs for this level</a>
      <dd><a href="https://www.w3.org/Bugs/Public/buglist.cgi?query_format=advanced&amp;amp;product=CSS&amp;amp;component=Transitions&amp;amp;resolution=---">Bugzilla bugs for all levels</a>
      <dt class="editor">Editors:
-     <dd class="editor">
-      <div class="p-author h-card vcard"><a class="p-name fn u-url url" href="http://dbaron.org/">L. David Baron</a> (<span class="p-org org">Mozilla</span>)</div>
-     <dd class="editor">
-      <div class="p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:dino@apple.com">Dean Jackson</a> (<span class="p-org org">Apple Inc</span>)</div>
-     <dd class="editor">
-      <div class="p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:hyatt@apple.com">David Hyatt</a> (<span class="p-org org">Apple Inc</span>)</div>
-     <dd class="editor">
-      <div class="p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:cmarrin@apple.com">Chris Marrin</a> (<span class="p-org org">Apple Inc</span>)</div>
+     <dd class="editor p-author h-card vcard"><a class="p-name fn u-url url" href="http://dbaron.org/">L. David Baron</a> (<span class="p-org org">Mozilla</span>)
+     <dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:dino@apple.com">Dean Jackson</a> (<span class="p-org org">Apple Inc</span>)
+     <dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:hyatt@apple.com">David Hyatt</a> (<span class="p-org org">Apple Inc</span>)
+     <dd class="editor p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:cmarrin@apple.com">Chris Marrin</a> (<span class="p-org org">Apple Inc</span>)
     </dl>
    </div>
 
@@ -676,7 +672,7 @@ <h3 class="heading settled" data-level="2.3" id="transition-timing-function-prop
       <td><abbr title="follows order of property value definition">per grammar</abbr></table>
 
    <div class="prod">
-        <dfn class="css" data-dfn-type="type" data-export="" id="single-transition-timing-function">&lt;single-transition-timing-function><a class="self-link" href="#single-transition-timing-function"></a></dfn> = <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-ease">ease</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-linear">linear</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-ease-in">ease-in</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-ease-out">ease-out</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-ease-in-out">ease-in-out</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-step-start">step-start</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-step-end">step-end</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="function" href="#funcdef-steps">steps</a>(<a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-syntax-3/#typedef-integer">&lt;integer></a>[<a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> [ <a class="css" data-link-type="maybe" href="#valdef-steps-start">start</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-steps-end">end</a> ] ]<a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#mult-opt">?</a>) <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="function" href="#funcdef-cubic-bezier">cubic-bezier</a>(<a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a><a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a><a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a><a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a>)
+        <dfn class="css" data-dfn-type="type" data-export="" id="single-transition-timing-function">&lt;single-transition-timing-function><a class="self-link" href="#single-transition-timing-function"></a></dfn> = <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-ease">ease</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-linear">linear</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-ease-in">ease-in</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-ease-out">ease-out</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-ease-in-out">ease-in-out</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-step-start">step-start</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-step-end">step-end</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="function" href="#funcdef-steps">steps</a>(<a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#integer-value">&lt;integer></a>[<a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> [ <a class="css" data-link-type="maybe" href="#valdef-steps-start">start</a> <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-steps-end">end</a> ] ]<a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#mult-opt">?</a>) <a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="function" href="#funcdef-cubic-bezier">cubic-bezier</a>(<a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a><a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a><a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a><a data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a>)
       </div>
 
    <p>
@@ -741,7 +737,7 @@ <h3 class="heading settled" data-level="2.3" id="transition-timing-function-prop
 
 
 
-    <dt><dfn class="css" data-dfn-for="transition-timing-function" data-dfn-type="function" data-export="" data-lt="steps()" id="funcdef-steps">steps(<a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-syntax-3/#typedef-integer">&lt;integer></a>[, [ start | end ] ]?)<a class="self-link" href="#funcdef-steps"></a></dfn>
+    <dt><dfn class="css" data-dfn-for="transition-timing-function" data-dfn-type="function" data-export="" data-lt="steps()" id="funcdef-steps">steps(<a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#integer-value">&lt;integer></a>[, [ start | end ] ]?)<a class="self-link" href="#funcdef-steps"></a></dfn>
 
 
     <dd>
@@ -1229,6 +1225,10 @@ <h2 class="heading settled" data-level="3" id="starting"><span class="secno">3.
       <li>
             Otherwise, if the <a data-link-type="dfn" href="#combined-duration">combined duration</a> is
             less than or equal to <span class="css">0s</span>,
+            or if the
+            <a data-link-type="dfn" href="#current-value">current value</a> of the property in the <a data-link-type="dfn" href="#running-transition">running transition</a>
+            cannot be interpolated with
+            the value of the property in the <a data-link-type="dfn" href="#after_change-style">after-change style</a>,
             then implementations must
             <a data-link-type="dfn" href="#cancel">cancel</a> the <a data-link-type="dfn" href="#running-transition">running transition</a>.