SplitText breaks inside FlashTalking richload

[howeller]

Reaching out to see if anyone has encountered issues with SplitText breaking when it's used inside a FlashTalking/Innovid richload. 

 

My team's encountered a strange issue with SplitText unable to manipulate the DOM when the banner. The banner animates as expected when viewed on it's own, but once it's loaded into an <ft-richload> element I see  "GSAP target not found."  errors in the console and no text animation. The fonts are preloaded using webfont.js. I assume this is a scope issue between the ft-richload and SplitText. 

I've attached a demo.

SpTxt_Troubleshooting.zip

[Rodrigo]

Hi,

 

Is really hard to debug this, at least for me. I downloaded the file you provided and tried in a local server which is blocking the CDN URLs you're using. I'm sure that the issue is not there and is somehow related to the localserver I use in my code editor.

 

Based on the description you provide, basically your GSAP code is running before the elements are rendered in the add or perhaps the code can't reach them because of an iframe or something like that. The target not found warning is basically telling  that the element is not in the DOM when the code runs, so you should double check that first.

 

Sorry I can't be of more assistance, but hopefully this helps a bit.

Happy Tweening!