Latest Chrome update 49 causes animation jitters (scale)

[dada78 35 Likes (Newbie)]

Hi guys,

I have a simple scale animation going and it passed QA through all browsers. Smooth animation. Looked beautiful. However when I checked today the same animation looks super jittery on all scaling elements in the latest Chrome update.

 

I noticed that on my machine Chrome updated to Version 49.0.2623.87 (64-bit). I also checked on a colleagues machine who also displayed the same jittery animation. On anther machine however that uses the previous Chrome version (48) everything looked as smooth as in latest Safari and Firefox.

 

I will post a codepen a bit later but for right now the code is:

 

.set(bgr,{scale:1, transformOrigin:"right top"})
.set(woman,{scale:1, y:-9})

.from(bgr, 8, {x:80, rotationZ:0.01, force3D:true, scale:1.3}, "start")
.from(woman, 6.5, {y:20, rotationZ:0.01, force3D:true, scale:1.3}, "start")


//I probably don't need the force 3d anymore but left it in there. No difference with or without I don't think..

[OSUblake 18,533 Likes (Superhero)]

Please see this topic

http://greensock.com/forums/topic/13875-chrome-49-janky-gsap/

[dada78 35 Likes (Newbie)]

Ah thanks OSUblacke. Yeah Carl's demo illustrates this perfectly as per your post. Just wanted to call it out here once more:

See the Pen rexpMG by GreenSock (@GreenSock) on CodePen

[Jonathan 5,393 Likes (Superhero)]

When i was testing

See the Pen rexpMG by GreenSock (@GreenSock) on CodePen

, from the post Blake linked to above. i didn't see the pixel snapping on Apple iOS Chrome 49 (tested on a iPad Air 2). I guess it is only on Apple Mac Chrome 49.

[OSUblake 18,533 Likes (Superhero)]

I see it on Win10... but does anybody even know where this change is in change log, and if it is going to be in the next versions?

[Jonathan 5,393 Likes (Superhero)]

Interesting Blake ..

 

So it looks like the pixel snapping is only happens on:

• Windows 10 - Chrome 49
• Apple Mac - Chrome 49

But it doesn't happen on

• Windows 7 - Chrome 49
• Apple iOS - Chrome 49

If anyone else sees the pixel snapping please let us know, Thanks!

[Diaco 1,999 Likes (Superhero)]

Hi guys

 

yep , i see that on Win 10 too : Chrome Version 49.0.2623.87 m (64-bit)

[NDF 20 Likes (Newbie)]

Yep, seeing it in Chrome 49 on Windows 7 at home and on a Mac at the studio. I first noticed it on The PC then once I got to work I viewed the same site just prior to Chrome updating itself, silky smooth, then there it was.

Particularly noticeable on fonts!

[Jonathan 5,393 Likes (Superhero)]

So looks like Chrome 49 new flicker and pixel-snapping bug is affecting:

• Nvidia dedicated graphics cards
• and some Intel integrated graphics cards

Others are reporting the same on this similar forum topic:

 

http://greensock.com/forums/topic/13875-chrome-49-janky-gsap/

 

[retropunk 131 Likes (Specialist)]

please star this topic if you haven't already

https://bugs.chromium.org/p/chromium/issues/detail?id=596382

 

Thank you!

[Jonathan 5,393 Likes (Superhero)]

This Topic is now locked, due to being a duplicate.

 

Please see the following Topic to further discuss:

 

http://greensock.com/forums/topic/13875-chrome-49-janky-gsap/?view=getnewpost

 

Thanks