Listen for transitionend events

[outoftime]

In Safari, I've observed situations along the lines of:

• Changing the DOM class of an element initiates a height transition
• When the attribute change is observed, Safari still reports the body
  height as its pre-transition value
• Once transitionend fires, the reported height is correct

I do not observe this behavior on Chrome or Firefox, but the change
herein should not hurt in those browsers either.

[davidjbradshaw]

Hi,

That's a new event on me and I agree it's one we should be catching. I think rather than repeat the call to addEventListerner it would be better to do something like this.

if(Array.prototype.map){
    ['transitionend','webkitTransitionEnd','oTransitionEnd','otransitionend'].map(function(e){
        addEventListener(window,e,onTransitionEnd);
    });
}

Also any chance you can add a test case for this?

Thanks,
Dave.

[davidjbradshaw]

Or thinking about it a bit more it could be reduced down to.

if(Array.prototype.map){
    ['transitionend','webkitTransitionEnd','oTransitionEnd','otransitionend'].map(function(transitioned){
        addEventListener(window,transitioned,function(e){
            if (e.propertyName in {height:1,width:1}) {
                sendSize('transitionend','Transition end');
            }
        });
    });
}