jquery-animate-enhanced icon indicating copy to clipboard operation
jquery-animate-enhanced copied to clipboard

Published 20 hours ago • verified publisher icon benbarnett

$.stop(false,true) fails to stop opacity animation on Chrome23, Safari6, FF17

Open konistehrad opened this issue 12 years ago • 3 comments

Attempting to call $.stop(false,true) will stop any position transitions, but will continue to run opacity animations for the duration. An example can be seen here.

A tentative fix has been made that fixes the issue in Chrome23, Safari6 but suspiciously fails to address the issue in Firefox 17.0.1. Fix can be found here. (Note: this was not submitted as a pull request because I'm not content with the lack of solution for FF and I'm relatively new into CSS transitions).

Thanks again for the great lib and your hard work!

konistehrad avatar Dec 27 '12 05:12 konistehrad

Thanks for this, looks like this can be fixed up - I'll take a look

benbarnett avatar Jan 09 '13 11:01 benbarnett

Hmm might require a bit more thought. I can blanket remove the transition properties, but that might be a bit aggressive. Will report back

benbarnett avatar Jan 09 '13 14:01 benbarnett

I ended up setting transition-property to 'none' as opposed to clearing the line found in this commit. That does work in all supported browsers. It's aggressive, I agree, but it is functional.

konistehrad avatar Jan 09 '13 15:01 konistehrad