.riv files not displaying when parent set to display: none on page load
Hey! Not sure if this is a bug or not... Adding .riv files into Webflow... If I add my .riv file into a parent div block that has initial state display: none on page load, the Rive file does not display (a nav dropdown menu, for example, that is set to display: none on page load, when opened by click or hover, the .riv is not visible - I can see it in Inspect but it's not visible on the page)... This is also the case when my .riv files are inside Webflow tab elements (Rive files do not display in the 'not-current' tabs) and Webflow Dropdown Lists - .riv files are working fine when added to non-hidden elements, etc. NOTE: I'm using the built-in Webflow 'Rive' element, not an embed... also, this is not just a 'my project' issue but one that affects all Webflow projects
I just did a quick test and am running seeing the same thing. I'm also not sure whether or not this is a bug, but I'll double check. For now can you try hiding it with opacity or width: 0 instead?
This should be fixed now.
Hi, I'm still facing the same issue with my Webflow project
Hey
Heya Lance, I'm also having the same issue with Rive element visibility inside Webflow tabs. I've raised a support ticket with Webflow too. Hopefully we can get to the bottom of it :)
Sorry, I should have mentioned - when you create a Rive component on a Webflow site, Webflow caches that version of the Rive runtime. You'll need to contact them and have them upgrade you to at least 2.25.6 or rive-react.
Hey all, Tai from Webflow here. We just upgraded to the latest version 2.26.3. Can you republish the site on Webflow and let me know if it's working now? 🙏🏼
Hey Tai, thanks for jumping in! The version update did seem to fix the issue we were having however my client just spotted today the bug is now back again 🤔
Here is the staging link for this project, just for reference. I'm aware our rive files are quite heavy but as I said previously, the visibility issue seemed to be solved for a little while.
https://vera-dev.webflow.io/component-demo