<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&#64;chrisrebert.com" title="Chris Rebert &lt;webkit&#64;chrisrebert.com&gt;"> <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 &quot;AnimationEnd events and display: none&quot; 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">&gt; Additional event, like 'transitioninterrupt' would be much better in this
&gt; 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>