Some DOM events are not fired on Ext.Element instances, notably, "transitionend".

Steps to reproduce:


1) Open any 5.1.0 example, for instance "calendar": /examples/calendar/

2) Pick any DOM element, for example #app-logo.

3) In console, run the following script:



Code:



Ext.get('app-logo').on('click', function () { console.log("click") })
Ext.get('app-logo').on('transitionend', function () { console.log("transitionend") })
Ext.get('app-logo').dom.addEventListener('transitionend', function () { console.log("Native transitionend") })
Ext.get('app-logo').setStyle('transition-duration', '1s')

4) Click on the element to verify "click" listener is activated

5) Run in console:


Code:



Ext.get('app-logo').setStyle('opacity', '0')

6) Observe only the "native transition end" listener is activated, not the one subscribed with Ext facilities.