animations halt when the browser is out of focus due to requestAnimationFrame
|Reported by:||Owned by:||timmywil|
I found a little nasty bug (:)) when using the fadeIn() and fadeOut() functions with setTimeout() (probably also a problem with setInterval()) and version 1.6.1 (and 1.6) in Chrome.
The problem is that all animations using fadeIn() and fadeOut() seem to be blocked when the browser window is minimized. When it is reopened the animations fires rapidly until all have been executed, and it resumes to work normally.
I have created an example on jsfiddle. http://jsfiddle.net/9RNzC/
Just open it, minimize the browser window, wait for 10 seconds (etc - it changes every 3 second), and reopen it again, and it will fire the animation effects rapidly, like they have been blocked while minimized.
It works fine with version 1.5.2 so something have probably changed between 1.5.2 and 1.6 in the animate function.
Hope it helps.
Change History (35)
comment:1 Changed 6 years ago by
|Component:||unfiled → effects|
|Owner:||set to gnarf|
|Status:||new → assigned|
comment:7 Changed 6 years ago by
|Status:||open → closed|
comment:13 Changed 6 years ago by
|Status:||closed → reopened|
comment:18 Changed 6 years ago by
|Summary:||setTimeout and fadeIn/fadeOut blocking in Chrome → animations halt when the browser is out of focus due to requestAnimationFrame|