Currently, I’m trying to implement a scroll interaction using the new GSAP interaction. I’ve got several elements here (wrapper, h2, text, images—including child images), all equipped with attributes so I can assign them in the interaction inspector. But somehow, it feels totally buggy to me, and I wanted to check if you guys are experiencing the same thing. For some reason, it’s not working on my end, and the elements become invisible when I exit the interaction panel. Is anyone else running into this?
Edit: Fun fact: If I briefly move the elements around in the Designer, they become visible again—though the animation still doesn’t work.
Edit2: Die Probleme treten in Kombination mit einem Sticky-Element (hier befinden sich die Headline, Text und Images drin) und “Scrub on scroll-Eigenschaft” auf.
Edit3: If the duration is shorter than the stagger animation’s total time, it also seems to cause an issue—makes sense, but a hint or warning about this would be helpful.
→ Oh man. It works fine in preview, but once published (on the live site), it’s broken again. Like I said… buggy.
Edit4: Currently, it SEEMS like it’s working in Safari, but—especially—the staggered animation (text lines with mask line) is causing issues for me in Chrome.
