Skip to content

Commit 34945fe

Browse files
committed
[css-transitions-1] Revert change to make transitions fire even when values cannot be smoothly interpolated
This reverts the following changeset: d129f87 https://hg.csswg.org/drafts/rev/077f1626ecc1
1 parent 79f978c commit 34945fe

File tree

1 file changed

+32
-81
lines changed

1 file changed

+32
-81
lines changed

css-transitions-1/Overview.bs

+32-81
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ Former Editor: Chris Marrin, Apple Inc https://www.apple.com/, cmarrin@apple.com
4141
Issue Tracking: Bugzilla bugs for this level https://www.w3.org/Bugs/Public/buglist.cgi?query_format=advanced&product=CSS&component=Transitions&resolution=---&status_whiteboard=defer%20to%20level%202&status_whiteboard_type=notregexp
4242
Issue Tracking: Bugzilla bugs for all levels https://www.w3.org/Bugs/Public/buglist.cgi?query_format=advanced&product=CSS&component=Transitions&resolution=---
4343
Abstract: CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration.
44-
Status Text: <strong>This document</strong> is expected to be relatively close to last call. While some issues raised have yet to be addressed, new features are extremely unlikely to be considered for this level. <p>The following behaviors are at risk: <ul><li><a href="#discrete-interpolation-at-risk">Interpolation in steps of property types that cannot be interpolated</a></li></ul>
44+
Status Text: <strong>This document</strong> is expected to be relatively close to last call. While some issues raised have yet to be addressed, new features are extremely unlikely to be considered for this level.
4545
Ignored Vars: x1, x2, y1, y2
4646
Link Defaults: css-transforms (property) transform
4747
</pre>
@@ -1257,16 +1257,6 @@ partial interface GlobalEventHandlers {
12571257
<span id="animation-of-property-types-">Animation of property types</span> {#animatable-types}
12581258
==============================================================================================
12591259

1260-
<p>
1261-
Some property types can be interpolated,
1262-
which means they can animate smoothly from one value to another.
1263-
Other property types cannot, and thus animate only in a single
1264-
step from one value to the other.
1265-
</p>
1266-
1267-
Animation of interpolated property types {#interpolated-types}
1268-
--------------------------------------------------------------
1269-
12701260
<p>
12711261
When interpolating between two values,
12721262
<var>V</var><sub>start</sub> and <var>V</var><sub>end</sub>,
@@ -1412,31 +1402,6 @@ Animation of interpolated property types {#interpolated-types}
14121402
of shorthand properties and the ''all'' value is applied to any
14131403
properties (in the shorthand) that can be animated.</p>
14141404

1415-
Animation in steps of other property types {#step-types}
1416-
--------------------------------------------------------
1417-
1418-
<p>
1419-
When interpolating between two values that cannot be interpolated,
1420-
<var>V</var><sub>start</sub> and <var>V</var><sub>end</sub>,
1421-
interpolation is done using the output <var>p</var> of the timing function.
1422-
If <var>p</var> is less than 0.5, then the
1423-
result of the interpolation is
1424-
<var>V</var><sub>start</sub>;
1425-
if <var>p</var> is greater than or equal to 0.5, then the
1426-
result of the interpolation is
1427-
<var>V</var><sub>end</sub>.
1428-
</p>
1429-
1430-
<p class="note" id="discrete-interpolation-at-risk">
1431-
This is a recent change to which implementations have
1432-
not yet updated. (Prior to the change CSS Transitions
1433-
and CSS Animations did not run on such changes.) It's
1434-
possible that it won't be compatible with existing Web content.
1435-
If that is the case, the problem may be mitigated by restricting
1436-
this behavior only to CSS Animations (and not to CSS Transitions),
1437-
and/or restricting it to step timing functions.
1438-
</p>
1439-
14401405
<span id="animatable-properties-">Animatable properties</span> {#animatable-properties}
14411406
=======================================================================================
14421407

@@ -1449,21 +1414,15 @@ Animation in steps of other property types {#step-types}
14491414
when the values of that property can be interpolated
14501415
by referring to the definitions of property types
14511416
in the <a href="#animatable-types">previous section</a>.
1452-
The animated value is interpolated from the from and to values when
1417+
Values are animatable when
14531418
both the from and the to values of the property have the type described.
14541419
(When a composite type such as "length, percentage, or calc" is listed,
14551420
this means that both values must fit into that composite type.)
14561421
When multiple types are listed in the form "either A or B",
14571422
both values must be of the same type to be interpolable.</p>
14581423

1459-
<p>Otherwise, since the from and to values cannot be interpolated,
1460-
the animation is done <a href="#step-types">in a single step</a>.</p>
1461-
1462-
<p>The 'transition-*' properties defined in this specification do
1463-
not undergo transitions.</p>
1464-
14651424
<p>For properties that exist at the time this specification was
1466-
developed, this specification defines how they are
1425+
developed, this specification defines whether and how they are
14671426
animated. However, future CSS specifications may define
14681427
additional properties, additional values for existing properties,
14691428
or additional animation behavior of existing values. In order to
@@ -1481,15 +1440,6 @@ Animation in steps of other property types {#step-types}
14811440
the property animates. Such definitions override those given in
14821441
this specification.</p>
14831442

1484-
<p class="issue" id="issue-animatable-name">
1485-
It no longer makes sense for this line to be called
1486-
"Animatable". It should probably be renamed to "Interpolation",
1487-
and the "no" value renamed to "discrete" or "in steps".
1488-
See mailing list thread:
1489-
<a href="https://lists.w3.org/Archives/Public/www-style/2015May/0256.html">message 1</a>,
1490-
<a href="https://lists.w3.org/Archives/Public/www-style/2015May/0257.html">message 2</a>
1491-
</p>
1492-
14931443
<span id="properties-from-css-">Properties from CSS</span> {#animatable-css}
14941444
----------------------------------------------------------------------------
14951445

@@ -1778,36 +1728,37 @@ CSS properties to have particular values.
17781728
The cascade also allows users to disable transitions entirely
17791729
by overriding the transition properties.
17801730

1781-
1782-
Changes since Working Draft of 19 November 2013 {#changes}
1731+
Changes since Working Draft of 30 November 2017 {#changes}
17831732
==========================================================
17841733

1785-
<p>The following are the substantive changes made since the
1786-
<a href="https://www.w3.org/TR/2013/WD-css3-transitions-20131119/">Working Draft
1787-
dated 19 November 2013</a>:</p>
1788-
1789-
<ul>
1790-
<li>Values that cannot be interpolated are transitioned when the timing function crosses its midpoint, instead of not running transitions and changing immediately.</li>
1791-
<li>Canceling and interrupting of running transitions is defined much more precisely. This includes the after-change style no longer including styles from CSS Transitions.</li>
1792-
<li>Completion of transitions is defined somewhat more precisely.</li>
1793-
<li>The transitionend event is no longer cancelable. This is since it has no default action, so canceling it would have no meaning. It also matches the animation events.</li>
1794-
<li>The {{transitionrun}}, {{transitionstart}}, and {{transitioncancel}}
1795-
events have been added.</li>
1796-
<li>The interpolation of ''shadow/inset'' values on shadow lists is no longer backwards.</li>
1797-
<li>A [[#conformance]] section, [[#security]] section, [[#privacy]] section, [[#accessibility]] section, and [[#idl-index]] have been added</li>
1798-
<li>The identifiers accepted by 'transition-property' are defined in terms of <<custom-ident>>.</li>
1799-
<li>Define a little bit more about when changes to computed values happen, by saying at least that implementations must not update the effects of computed values without actually updating computed values.</li>
1800-
</ul>
1801-
1802-
<p>For more details on these changes, see the version control <a href="https://hg.csswg.org/drafts/log/tip/css-transitions/Overview.bs">change log since 2015 January 26</a> and the <a href="https://hg.csswg.org/drafts/log/tip/css-transitions/Overview.src.html">change log from 2013 March 28 to 2015 January 26</a>.</p>
1803-
1804-
<p>For changes in earlier working drafts:</p>
1805-
1806-
<ol>
1807-
<li>see the <a href="https://www.w3.org/TR/2013/WD-css3-transitions-20131119/#changes">changes section in the 19 November 2013 Working Draft</a>
1808-
<li>see the <a href="https://www.w3.org/TR/2013/WD-css3-transitions-20130212/ChangeLog">the ChangeLog</a> for changes in previous working drafts
1809-
<li>For more details on these changes, see the version control change logs, which are split in three parts because of file renaming: <a href="https://hg.csswg.org/drafts/log/tip/css-transitions/Overview.bs">change log since 2015 January 26</a>, <a href="https://hg.csswg.org/drafts/log/tip/css-transitions/Overview.src.html">change log from 2013 March 28 to 2015 January 26</a>, <a href="https://hg.csswg.org/drafts/log/tip/css3-transitions/Overview.src.html">change log before 2013 March 28</a>.
1810-
</ol>
1734+
The following are the substantive changes made since the
1735+
<a href="https://www.w3.org/TR/2017/WD-css-transitions-1-20171130/">Working Draft
1736+
dated 30 November 2017</a>:
1737+
1738+
* Reverted the change that would cause some values
1739+
that cannot be smoothly interpolated
1740+
to trigger transitions using <a>discrete</a> animation
1741+
since it was not implemented by any user agent
1742+
and likely to cause compatibility problems.
1743+
1744+
For more details on these changes, see the version control
1745+
<a href="https://github.com/w3c/csswg-drafts/commits/master/css-transitions-1/Overview.bs">change log</a>.
1746+
1747+
For changes in earlier working drafts:
1748+
1749+
1. See the
1750+
<a href="https://www.w3.org/TR/2017/WD-css-transitions-1-20171130/#changes">changes
1751+
section in the 30 November 2017 Working Draft</a>.
1752+
1. See the <a href="https://www.w3.org/TR/2013/WD-css3-transitions-20131119/#changes">changes
1753+
section in the 19 November 2013 Working Draft</a>.
1754+
1. See the <a href="https://www.w3.org/TR/2013/WD-css3-transitions-20130212/ChangeLog">the
1755+
ChangeLog</a> for changes in previous working drafts.
1756+
1. For more details on these changes, see the version control change logs,
1757+
which are split in many parts because of file renaming:
1758+
* <a href="https://github.com/w3c/csswg-drafts/commits/master/css-transitions-1/Overview.bs">change log since 2017 October 12</a>,
1759+
* <a href="https://hg.csswg.org/drafts/log/tip/css-transitions/Overview.bs">change log from 2015 January 26 to 2017 October 12</a>,
1760+
* <a href="https://hg.csswg.org/drafts/log/tip/css-transitions/Overview.src.html">change log from 2013 March 28 to 2015 January 26</a>,
1761+
* <a href="https://hg.csswg.org/drafts/log/tip/css3-transitions/Overview.src.html">change log before 2013 March 28</a>.
18111762

18121763
Acknowledgments {#acknowledgments}
18131764
==================================

0 commit comments

Comments
 (0)