(Chromium) onComplete callback does not fire when document is not visible

[TheDarkSid3r]

I have tested this issue in Chrome, Firefox, and Edge. It only occurs in Chrome and Edge so I assume it is a Chromium issue.

 

I am using ticker.lagSmoothing(0) to help tweens play even when the document is not visible (document.visibilityState is hidden)

This works fine, except for the fact that onComplete (and possibly other callbacks) do not fire in this state.

 

To demonstrate, I have a tween that runs when the document is not visible with an onComplete callback that shows an alert. Normally, an alert would show a little blue dot in the tab icon when not visible, however in Chrome/Edge it is clear that the alert does not fire until the tab is refocused.

I also tried setting the document title as a demonstration. This again worked in Firefox but did not occur in Chrome/Edge until I selected the tab again.

See the Pen GRxKJQV by dorksid3r (@dorksid3r) on CodePen

[TheDarkSid3r]

I've found a different way to do what I want to do. (A workaround, you could call it.)

Thanks anyways!

[GreenSock]

Yeah, that actually has nothing to do with GSAP - it looks like those browsers have decided to totally power down requestAnimationFrame() in hidden tabs. Here's proof: 

See the Pen GRxKJaJ?editors=0010 by GreenSock (@GreenSock) on CodePen