I'm having issues with the Layout484 component. When I duplicate the component and change the class name(s) the script stops working for the second paragraph. I have two sections that I would like to use the split-text feature. What's the best way to make this work?
Andrew H. yeah we're a few days ahead of you and still working out the kinks on it. I've got a request out to our developers to take another stab at it as its still not working the way we'd expect. https://relumecommunity.slack.com/archives/C02MK7D364W/p1712198336432109
FYI working for me now!
Andrew H. re-reading your original post i'm realizing we were having different issues. Mine was that the split-text gsap plugin wasn't working on a single instance. i've since resolved that through recloning the component (perhaps I broke it?). The part that was confusing to me was that the component demo doesn't work on the relume page (again, at least for me): https://www.relume.io/preview?cid=uncommon-components-2/section_layout484
Yeah we're still actively working on it and it takes a bit to deploy new changes. I think the new code may have broke certain cases of this component, our developers have a new fix that will deploy to the master component soon. Here is the latest code you can paste into your embed. If this doesn't work, I would try having a single instance of the code embed, after your components. Or simply put - if you have two or three instances of this component, copy/paste this code into the last embed and delete the other 2 embeds.
Matt J. I have tried different options and the new code isn't working after publishing. I tried deleting all but one code embed, with just a single component on the page, a completely different code embed and added the code to the page settings. I don't know if I am missing something or if it's working on your end?
Andrew H. I was finally able to fully test out the new code and I was able to get it to work. You need to apply a combo class to layout484_text which is split-text so the full combo class should be layout484_text split-text and you'll want to apply that to all instances on the page. And then you'll want to delete all of the embeds except for the last one, and make sure that the embed is AFTER layout484_component - if none of these things are true, it won't run. Here is a read-only link to project where I have two instances of this component working on the page. https://preview.webflow.com/preview/matts-amazing-site-613413?utm_medium=preview_link&[鈥3&preview=78560ae07669e7d31af987bf0b80ea8c&workflow=preview https://matts-amazing-site-613413.webflow.io/ cc Matt C. Maria
Matt J. Thank you! I was able to get it to work using your instructions. However, I find that the interaction on the last instance of the component seems to happen quicker (or start sooner) and is almost done once the component is actually in view. Often, I don鈥檛 even see the fade happen in the last instance. Do you have any suggestions for fixing this?