violacase

@GreenSock I also noticed that later... You were just a bit faster in your reply https://codepen.io/violacase/pen/YzjGZze

Spoken too soon. In your pen scrolling up and down changes the state immediately to begin or end state. I miss the in between state...

So fast and so fine! Many thanks brother?

I understand @Osublake is now inactive due to illness. I hope it's not too serious... I think he's a great programmer and a very nice guy. His contributions to this forum are of excellent quality. That being said: This pen behaves exactly as I would like to use it. However, the code is written with an old Gsap version. I can't manage to upgrade the code to the latest version. Does anyone have the time and inclination to do that for me? It would be great.

Sorry my fault. Problem is over. I tried to import from "gsap". Should be "gsap/all"

dependencies in package.json gives: "gsap": "npm:@gsap/shockingly@^3.9.1",

Hey OSUblake, long time no see This gives another problem, i.e.: vue-router.esm-bundler.js:72 [Vue Router warn]: Unexpected error when starting the router: SyntaxError: The requested module '/node_modules/.vite/gsap.js?v=276db396' does not provide an export named 'DrawSVGPlugin' Perhaps something to do with the vite bundler? Perhaps vite is looking at the wrong Gsap package?

<script setup> ... import { gsap } from "gsap/all" gsap.registerPlugin(DrawSVGPlugin) ... </script> Gives : Uncaught (in promise) ReferenceError: DrawSVGPlugin is not defined I'm stuck...

I found that it has not much to do with gsap. It's a Vue2 and unfortunately also Vue3 thing. I'm not afraid. Vue does it's DOM refreshes. In updating the DOM who gets fastest ? Gsap or Vue? Firefox is silent.

Thx again @OSUblake The link you gave surely gives the right direction.

With a click handler I abort an ongoing gsap procedure. Chrome complains with the title's message. Is this something to take into concern?.

Many thanks @OSUblake! And a big hug for explaining just a bit more then my question was about initial

@Cassie Thanks for so far. I really want to be certain. In my future (text fun) projects I think I have to create (and revert of course) many instances in a single page.

Since a new instance of SplitText is a 'new' object I wonder if Splittext.revert() not only clears the DOM but also the object itself from memory. If not how do I free the object itself?

@Cassie Yes, I understand. Clear explanation. In this case 'a poem' might be rather important to have these aria things etc. well done. So íf you'd like to fork it you gonna make me a happy old man.

Explain this screenreader friendliness please. The whole animation thing is unfriendly in my opinion. Animation is a difficult thing. You can't always satisfy all the community. @Cassie: Are you willing to fork the above pen with accessibility extras so I can see what you mean?

Perfect Jack! Very nice solution. Thanks for your work.?

https://codepen.io/violacase/pen/RwpbGeB I found a perhaps dirty way to get a rather fine solution for this problem with just HTML/CSS. I'm not satisfied but it works.

Hi @akapowl, It works fine Thanks for the time you spent for the contribution! Much obliged. Two things: Your pen is private. Could you make it public so we can fork and play with it? Although it DOES the job fine for a simple task, on the longer run it is a cumbersome and browser expensive solution I think. I'm hoping that perhaps it is possible to emit a call back function after a certain 'word' has been processed. That would make life a lot easier! Perhaps with the modifier plugin?

I am trying to animate the text of a poem using SplitText. The poem has no punctuation. The preliminary result is quite nice. But now timeline timing is linear. I would like to take a short pause here and there, for example after the word 'heavens'. I have no idea how to make that happen. Anyone any idea? Maybe not work with SplitText?

So sorry. My fault. Ad blocker was interfering.

On top of the page the link to 'showreel videos' is broken.

Hi @PointC, On forehand I was examining a very old page of MDN I think. Further searching on this subject gives the same answer as you give. Thanks.

Is the SVG XLink declaration in svg files obliged for f.i. GSAP to run without any problems on modern browsers?

You are right Jack. Not really related with gsap. With not loading any css nor any gsap still I got some of these 'error's. Probably a Nuxt setup issue. I'll ask the Nuxt community.