Chrome animations added with elem.animate() behave differently when tab is not visible

So I was having issues with (infinite) animation performance and was able to track down that problems arise when I add animations to an element while the tab is not visible.

I made a pen which sadly doesn't reproduce my exact problem but it shows that apparently Chrome handles animations differently depending on the visibility of the tab at the time. (Notice the slight "border" on left/right of the second element):

Does anyone know if this is to be expected or possibly a bug? This does not happen in Firefox.

submitted by /u/konnextv

Source link

Write A Comment