<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_UNCONFIRMED "
title="UNCONFIRMED - transitionend doesn't fire if parent element gets display: none before transition completes"
href="https://bugs.webkit.org/show_bug.cgi?id=51945#c5">Comment # 5</a>
on <a class="bz_bug_link
bz_status_UNCONFIRMED "
title="UNCONFIRMED - transitionend doesn't fire if parent element gets display: none before transition completes"
href="https://bugs.webkit.org/show_bug.cgi?id=51945">bug 51945</a>
from <span class="vcard"><a class="email" href="mailto:webkit@chrisrebert.com" title="Chris Rebert <webkit@chrisrebert.com>"> <span class="fn">Chris Rebert</span></a>
</span></b>
<pre>Actually, it's Firefox that's buggy in this case:
<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1182856">https://bugzilla.mozilla.org/show_bug.cgi?id=1182856</a>
The CSSWG decided that transitionend/animationend events shouldn't be fired in such cases:
<a href="https://lists.w3.org/Archives/Public/www-style/2015Apr/0405.html">https://lists.w3.org/Archives/Public/www-style/2015Apr/0405.html</a>
(See "AnimationEnd events and display: none" sections)
(See also <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=437860">https://bugs.chromium.org/p/chromium/issues/detail?id=437860</a> )
(In reply to <a href="show_bug.cgi?id=51945#c3">comment #3</a>)
<span class="quote">> Additional event, like 'transitioninterrupt' would be much better in this
> case.</span >
CSS Transitions Level 2 is adding a 'transitioncancel' event for that:
<a href="https://drafts.csswg.org/css-transitions-2/#eventdef-transitionevent-transitioncancel">https://drafts.csswg.org/css-transitions-2/#eventdef-transitionevent-transitioncancel</a></pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>