jQuery UI Effects - Color Animation

[itjam]

If a highlight effect happens to an hidden panel, an exception is thrown when trying to return to its original color.

Firefox/jQuery Effect library loses information about the hidden panel. When an AJAX update happens, it does the “yellow” highlighting effect, but does not know how to return to its initial background color. It throws an exception so all JS events failed.

It fails on this line: fx.end is undefined.

We override the animation for all of these color styles 1370jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){ 1371 jQuery.fx.step[attr] = function(fx){ 1372 if ( fx.state == 0 ) { 1373 fx.start = getColor( fx.elem, attr ); 1374 fx.end = getRGB( fx.end ); 1375 } 1376 1377 fx.elem.style[attr] = "rgb(" + [ 1378 Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0), 1379 Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0), 1380 Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0) 1381 ].join(",") + ")"; 1382 } 1383});

[Scott González]

Works for me, tested in trunk and 1.6, but not 1.5.2 (the tag doesn't have proper MIME types and I don't feel look doing a checkout since it works now).