Thanks for the quick and efficient help, so I'm using Divi and a plugin to allow inline SVG called "SVG support".
Late answer I was working on the SVG responsiveness it's a bit better now but not perfect yet.
I changed the code as you said in noConflict and BIM it works DrawSVG in action.
// wait until DOM is ready
document.addEventListener("DOMContentLoaded", function(event) {
console.log("DOM loaded");
// wait until images, links, fonts, stylesheets, and js is loaded
window.addEventListener("load", function(e) {
// custom GSAP code goes here
var signyoli = jQuery.noConflict();
TweenMax.staggerFromTo(signyoli('#mask-sig path'), 1.2, {drawSVG: "0%"}, {drawSVG: "100%"}, 1.2);
}, false);
});
I get an error here and it seems it's not working on safari mac and iOs
Got still blink at the start of the animation the SVG shows up fully blinks and then the mask applies, so I'm curious about what you mean by "use jQuery not $ or better yet don't use it and let gsap find the element"? How would I let gsap find the element?
Thanks again,
Dylan