There are a couple other questions similar to this out there but I have tried workarounds using comments in all of those previous queries and I still cannot get satisfaction. Hoping there are some fresh ideas out and about.
I am implementing Barba.js on my website with simple fadein-out transition. The basic mechanism works - the new page replaces the old one where the barba-container tells it to.
However, the new container does not fade in - it just appears, as if the fade-in never fired. On top of that, I called a webflow destroy/ready to reload the X1 transitions I have in place on the new container, based on the “LOAD” trigger. My hope was that the new container would fade in as the X1 transitions would fire on the newly loaded page/container. But no joy. The animations on the “LOAD” trigger never fire.
Code below! Any thoughts?