Does anyone know if there is a bug/issues with Loader 4? The preview isn’t working on the Relume library site and it also doesn’t work upon importing into my project.
Here you go: https://preview.webflow.com/preview/gabriels-five-star-site-bde9a3?utm_medium=preview_[…]516260cfea&pageId=6615b523027f42981510bd48&workflow=preview
Loader 4 animation added to Test-1 page
so did you see these instructions or no? (genuine question, not snarky, tone online is hard! 🙂)
at any rate, you'll need to follow these instructions for it to work properly - I'm curious to understand further why you didn't see these instructions or if you were just quick to delete - one known bug is when importing from the new Webflow app - the instructions do not come with the pasted component - so thats something we'll have to address.
i did follow those instructions. when I first pasted the component in, the loader component element maintained the original name. in any case it still didn’t work.
Upon repasting the loader 4 animation in order to share with you, the loader 4 component element was renamed. however, the loader 4 elements referened in the animation code weren’t changed.
In any case, the component didn’t work the first time and is not working now either.
I’ve tested the 4 other loader animations, following the instructions and they all work as well
and to answer your first question, yes the instructions were included when I pasted the loader 4 component into the project
alright....well on your read-only link, the first step in the instructions is to put this component inside of page-wrapper, but there is no page-wrapper on that page you had mentioned.
I don’t know if there is some sort of dependency issue with the js components, but since the preview for loader 4 isn’t working on the relume site either, I’m wondering if the issue may be related to that?
nope - something in the JS doesn't seem to be triggering correctly. I'll pass it onto the team - thanks for raising the issue.
Hey , can you edit the animation called ‘Loader 4 [Hide] [Desktop]’ inside .loader4_ix-trigger
? The initial state was set to display:none
and should be set to display:flex
. Also, after that, change the class name of the component again to .loader4_component
. Let me know if this helps! 🙂