CSS Transitions: Implement the transitioncancel event |
||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 Steps to reproduce the problem: 1. Open the CSSWG testcase https://github.com/w3c/csswg-test/blob/master/css-transitions-2/transitioncancel-001.html in Chrome. What is the expected behavior? The test should pass. What went wrong? The test failed, indicating that Chrome is not firing the transitioncancel event when a transition is canceled. (In this case, the cancellation is due to the element being made display:none; while the transition was in progress.) Did this work before? No Chrome version: 52.0.2743.116 Channel: stable OS Version: OS X 10.11.6 Flash Version: Shockwave Flash 22.0 r0 Specification: https://drafts.csswg.org/css-transitions-2/#eventdef-transitionevent-transitioncancel Without transitioncancel, scripts which are waiting for the end (whether normal or canceled early) of a CSS transition have to resort to using setTimeout (or similar) to ensure that their callbacks still get called even if the transition gets canceled. This extra complexity is annoying to authors, and frameworks often include such setTimeout-based workarounds in practice (see comments 9 & 10 on issue 437860 ). These extra setTimeout()s also presumably have a negative impact on performance.
,
Aug 31 2016
,
Aug 31 2016
,
Nov 22 2016
,
Jan 18 2017
No progress.
,
Feb 8 2017
This is now implemented in Firefox and will ship in Firefox 53 (2017-04-18). It has also been added to level 1 of CSS transitions: https://drafts.csswg.org/css-transitions/#transitioncancel and documented on MDN.
,
May 10 2017
,
Mar 28 2018
,
Aug 23
It would be most useful to implement transitionrun at the same time as transitioncancel. Example use case: https://github.com/w3c/csswg-drafts/issues/3043#issuecomment-415214075 |
||||||
►
Sign in to add a comment |
||||||
Comment 1 by sheriffbot@chromium.org
, Aug 31 2016