gsap conflicting with Gravity Form wp plugin

[MohsenKBZ 0 Likes (Newbie)]

hey there.

this is my first topic here. so first of all thanks for such a great plugin.

 

here I'm using gravity form plugin. but when I check a checkbox I'm receiving this error

Uncaught TypeError: Cannot read property 'step' of null

 

I will appreciate any help

 

Regards

Mohsen

See the Pen by test (@test) on CodePen

[Jonathan 5,176 Likes (Superhero)]

Hello MohsenKBZ, and Welcome to the GreenSock Forum!

 

Sorry to hear your having issue!

 

I can not see this error in the browser console. Can you please provide some additional information. It will be really hard to debug your website with all your code, with very little info.

 

Your mixing a lot of jQuery methods, a jQuery parallax plugin and other 44 other JS scripts that are or could be setting CSS properties outside of GSAP.. and or conflicting, so we would need more info!

 

We will need to know or see where your GSAP related code is. And to be honest all we really need is the GSAP code your using. Since its Wordpress it could be a number of things wrong, with conflicting scripts, since you have like 44 of them.

• How do you reproduce this issue?
• Like what and where the GSAP code is in your site?
• What line number is this error on?
• What JS script file is your GSAP code on?
• Have you tried removing other jQuery plugin to narrow down the problem.

We appreciate additional info!

 

[Carl 9,066 Likes (Superhero)]

Like Jonathan said a reduced demo would be really helpful. 

If you can create a single form, with a single checkbox on a page with nothing else that would be a great start. 

 

I was able to replicate the error when clicking a checkbox. 

 

This is what I saw: 

It seems that jQuery is trying to fire an animation when you click. I have no idea what it is trying to do but you are also loading the jquery.gsap.plugin which automatically hijacks jQuery.animate() animations.

 

My suggestion would be to just remove jquery.gsap.plugin. It appears somewhere along the way something wonky is being passed to that plugin. 

Since all the code is minified I'm really not sure how far we can go with troubleshooting.

[GreenSock 8,117 Likes (Superhero)]

That is indeed weird and I wonder if there's something odd being hijacked elsewhere because that particular statement that it's throwing an error on is a conditional expression like this:

if (typeof(obj) === "object" && obj.step) { ...

And it's saying obj is null (thus obj.step would throw that error) but that's the whole point of that first part where it checks to see if it's an object so I'm having a tough time understanding how it could possibly even get past that line in the condition unless null has somehow been hijacked to act as if it's an object (never heard of that). Something tells me that there's some other JavaScript that you're loading that's causing some very odd conflict (though I'm not sure because there's so much going on and I don't have time to pull everything apart on that page which is why others are asking for a reduced test case...that'll help a lot).