He adjuntado un detector de eventos de transición a un element como este:
element.addEventListener('transitionend', transitionEnd); function transitionEnd() { console.log('transitionEnd fired'); }Esto funciona bien, excepto por una cosa: si pierde el foco en la página (abre otra pestaña o cualquier otra ventana), ¡el evento no se activa!
¿Por qué sucede esto y cómo solucionarlo?
Verifique su transition-property .
El evento Transitionend se activa cuando se completa una transición de CSS. En el caso de que se elimine una transición antes de completarse, por ejemplo, si se elimina
transition-propertyo si ladisplayse establece ennone, el evento no se generará.