New issue
Advanced search Search tips

Issue 642487 link

Starred by 14 users

Issue metadata

Status: Available
Owner: ----
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 3
Type: Feature

Sign in to add a comment

CSS Transitions: Implement the transitioncancel event

Project Member Reported by, Aug 30 2016

Issue description

UserAgent: 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 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


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.
Project Member

Comment 1 by, Aug 31 2016

Labels: Hotlist-Google
Components: Blink>Animation

Comment 3 by, Aug 31 2016

Labels: -Pri-2 -OS-Mac Hotlist-Interop Update-Quarterly OS-All Pri-3
Status: Available (was: Unconfirmed)
Status: Assigned (was: Available)
No progress.
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: and documented on MDN.
Owner: ----
Status: Available (was: Assigned)
Summary: CSS Transitions: Implement the transitioncancel event (was: Implement the transitioncancel event)
It would be most useful to implement transitionrun at the same time as transitioncancel.
Example use case:

Sign in to add a comment