Hi,
I am struggling with interactions working fine in webflow but not rendering in wized.
It’s a simple ON HOVER IN effect and it doesn’t work when the element is within an item in a list. it is supposed to scale and change color background but nothing happened in wized.
Any ideas ?
Hello @abarbier804
This happens because elements in the list from Wized are rendered after webflow interactions have already been attached to elements - so the newly added elements via the list don’t have them.
You have to reset the interactions to get them back, say the wized attribute of the element you are rendering the list is called “myRenderListElement” - you can reinitialize webflow interactions using the following snippet
window.Wized = window.Wized || [];
window.Wized.push(Wized => {
const myListElement = Wized.elements.get("myRenderListElement");
myListElement.on('list', () => {
window.Webflow.destroy();
window.Webflow.ready();
window.Webflow.require('ix2')?.init();
})
})
Get to read more on the use of Wized API list element listener in our documentation