My Bezier curve car is going offroad on chrome mobile

[TomWWD]

Hey there, I'm posting as I received some great advice with my animation before. The goal is to have the car follow the route, and it seems to work perfectly on mobile.

The pertinent lines of code are below, and shown in action in the codepen

 

.set("#Car", {transformOrigin:"50% 50%", xPercent:-50, yPercent:-50})
.to("#Car", 7, {bezier:{values:MorphSVGPlugin.pathDataToBezier("#CarPath", {align:"#Car"}), type:"cubic", autoRotate:90,},ease:Linear.easeNone})

 

 

However on chrome mobile the linked codepen should produce the car doing doughnuts on the grass area offroad.

 

I'm wondering if anyone can help me identify the code causing it. Hopefully you can replicate the issue as a couple of friends couldn't reproduce in on their devices.

 

Thanks for taking your time to read my post.

 

-Tom.

 

See the Pen KQvaLR by TomBismuth (@TomBismuth) on CodePen

[Sahil]

You were using really old version of TweenMax, I updated it to latest version and it fixed the issue on chrome.

 

See the Pen ddVPep by Sahil89 (@Sahil89) on CodePen

 

[TomWWD]

4 hours ago, Sahil said:

You were using really old version of TweenMax, I updated it to latest version and it fixed the issue on chrome.

 

See the Pen ddVPep by Sahil89 (@Sahil89) on CodePen

 

 

Perfect! Don't know why I was using such an old version, I think I forked it from one of the official GSAP pens.

 

Thanks very much for your help