search

shshaw / Splitting

JavaScript microlibrary to split an element by words, characters, children and more, populated with CSS variables!
https://splitting.js.org
MIT License
1.68k stars 68 forks source link

Incompatibility Between Splitting.js and GSAP in a Vue.js Project #106

Open Ninokeep opened 1 month ago

Ninokeep commented 1 month ago

Hello,

I am experiencing an issue when using Splitting.js with GSAP in a Vue.js project. My goal is to animate the appearance of words by applying a translateY(10px) transformation. However, this transformation does not work as expected when implemented in Vue.js. Conversely, the same animation works perfectly when I use vanilla JavaScript.

Example code pen :

Javascript vanilla + gsap = https://codepen.io/asap-fa/pen/qBzOaZa it works

Vuejs + gsap = https://codepen.io/asap-fa/pen/OJeyRRZ it doesn't work.

notoriousb1t commented 1 month ago

The second codepen does not appear to use Splitting. It looks like it is using another library called SplitType. Can you link an example of VueJS + GSAP + Splitting that does not work?