wpsoul

I want to add next set of tutorials for GSAP and Gutenberg editor

App is fine, all other gsap animations are working. And I use context cleaning already. This app is for WordPress which has additional react functionality, I guess that problem is because text is inside Richtext editor, which also manipulates text. Unfortunately, I can't make any kind of demo so I can't see how you can help. It's not very critical in current point. I fount temporal fix. Instead of dealing with text, I just check if block has inner div and simply change textobject for something like textobj.querySelector('div') This works, but unfortunately, GSAP makes more lines. When I have 2 lines of text, it's making 4 lines and here I gave up. Better to keep previous logic when whole block is line, it's not so critical like wrong line break

Maybe, I am wrong because I used "words" type before. I checked now and such problem is only when dividing by lines. Unfortunately, your solution doesn't work for me in React, it's breaking whole text and merging it, words and chars type totally destroyed . So, I will keep as is.

Here you can see that first block of text are wrapped by additional container. Second block doesn't have this and it's working properly. In previous versions, both blocks worked properly

@GreenSock Can I use beta version on production or it will have more changes in stable version?

@GreenSock It's working for me

@GreenSock I can confirm that it's working properly for me. Do we need to use lazy parameter now on all staggers with .from?

P.s2 It doesn't work now also on Incognito mode. For me, it looks like GSAP has some inner cache now and it doesn't work properly. Because this bug can be visible not on first load, but when you reload page several times

P.s. It doesn't work also on Iphone. Also, sometimes it doesn't work properly on Firefox, but not so often like on Chrome

MacOs - doesn't work in Chrome, Safari. Ok in Firefox and Opera This is what I see in chrome and safari https://monosnap.com/file/BfpoDXX4vnzcMuKiqN71w1ALRv3vln But it's fine in Incognito window. Now, I don't understand what is happening. Tried to clean cache also, it didn't help

No, it doesn't work. Maybe it's OS related. On iphone (chrome and safari, it's working). But on MacBook I see next https://monosnap.com/file/LgcWC56fMmYULVZlH7UTehhHWjvtMC

I continue to get a lot of issues with stagger in last update. I found that when I have several animations on page with ScrollTrigger + stagger + .from direction, then it works really bad. Sometimes it loads correctly, sometimes it doesn't hide element (even those which are not in first screen), sometimes animation is not finished. What was changed in last update for staggers? 3.10 version - hide element before animation, it's correct. 3.11 - sometimes it hides, sometimes it doesn't https://codepen.io/igor-sunz/pen/JjvRQrN https://codepen.io/igor-sunz/pen/yLjaMxv

I understand situation if we have transform: translateX in css and we animate the same in GSAP, but it's not my situation. Not critical problem, but it's strange that it's worked early.

I still think that it's bug in latest update Here the same codepen in 3.10 version https://codepen.io/igor-sunz/pen/PoePxPq It's working, stagger completes animation as it should. Why? Do you mean that all previous years it was wrong and now it's correct? How about situations when I need hover transform effect on animated blocks?

I understand that css property can affect animation. It's not my problem. My problem is that stagger animation didn't finish even in fact that css has no any applied css transform properties, it has only transition easing. I updated my codepen, I included also another gsap.from but without stagger. As you see, problem is only on stagger block, blocks without stagger property has no problems in finishing animation.