stop warnings in empty nodelist

[Thiago Kadooka]

its a simple thing, i noticed that in gsap 3, when you try to tween a empty nodelist, it gives a warning.

this is a new behavior, in gsap 2 this dosnt happen, is there a simple way to just not show this warnings in the console?

 

(yeah i could check if nodelist is empty in simple ifs, but i guess im lazy to do in all the cases, specially in my older projects)

[ZachSaucier]

Hey Thiago,

 

You can suppress these warnings by setting

gsap.config({ nullTargetWarn: false });

For more information, check out gsap.config().

[Thiago Kadooka]

wassup Zach!

 

the problem is not the null warning, is actually a warning when i try to use an empty nodelist, for example:

 

gsap.to(document.querySelectorAll("whatever"), { duration:1, color: "#FFFFFF" });

this, gives me the warning:

 

Invalid property color set to #FFFFFF Missing plugin? gsap.registerPlugin()

 

 

[GreenSock]

@Thiago Kadooka are you using the latest version (3.0.4)? If so, can you please provide a reduced test case so we can see what's causing the issue in your setup? 

[ZachSaucier]

Minimal example of the issue: 

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

 

Changing querySelectorAll to querySelector it suppresses as expected.

[Thiago Kadooka]

The problem is that i actually need to use querySelectorAll in my case, because i need to get multiple elements (that can actually be zero, one or more in the querySelectorAll).

 

querySelector returns a null if nothing is found, but querySelectorAll return a empty nodeList (with length 0).

 

i was updating my older projects to gsap 3, and then i started to get those warnings. (this dosnt happen in gsap 2)

This even happens if i try to use a jquery that finds nothing:

 

gsap.to($("whatever"), { duration:1, color: "#FFFFFF" });

 

(here on this website, if you press F12 in a pc browser and paste this line of code in the console you can already see this behavior)

 

but here a codepen anyway:

 

See the Pen vYEJNZx by tochjunin (@tochjunin) on CodePen

[GreenSock]

@Thiago Kadooka This should be resolved in the upcoming release which you can preview at https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-latest-beta.min.js. Better? 

[Thiago Kadooka]

On 12/27/2019 at 6:27 PM, GreenSock said:

@Thiago Kadooka This should be resolved in the upcoming release which you can preview at https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-latest-beta.min.js. Better? 

 

Oh great! amazing guys! thx a lot