I am working on my site at the moment and when I have been creating symbols with interactions attached, I find bringing them into other pages creates duplicates of the interaction when I unlink the symbols I believe. This ends up flooding my interactions list and since I cant delete multiple items at once I have to go through removing them over and over as I make changes.
Can someone tell me what I am doing wrong or how to avoid this.
@Maydris when using Symbols for applying duplicate items across multiple pages, you do not need to unlink them, unless you need to change something specific about them within each new page.
Symbols are used to take what you created on one page and duplicate it to another page. I would not use a Symbol if you plan on making changes to it on each page. Just copy what you have created from one page to another, this way you will be able to make your page side changes.
If this doesn’t help, please advise on why you need to unlink the symbol in the first place?
@QA_Brandon the symbol is unlinked to allow me to change the words in the page nav section of my menu (in this case).
I’m guessing based on what you recommend I should just copy paste the menu between pages as opposed to making them symbols to avoid the issue. Is that correct?
I only have 7 total pages, so it certainly wouldn’t be to inconvenient.
I like your slide out menu, I would keep using that instead of the menu options on the left and right. My opinion, it is your site tho. However, if you want to use the side menus, use conditional filtering and place them in a CMS collection, so you can set them without even adjusting your interactions.
Its a round about way of doing it, but it would create a true dynamic menu setting.
This is exactly the problem I faced a few days ago. The way to replicate it is easy - create interaction, apply it to element, include this element in a symbol, unlink symbol, BAM! You have a duplicated interaction. Why would it even do this?
Why is this still the case? I accidentally in experimenting unlinked a massive grid symbol… twice! And, now I have tons of duplicate animations (2 and 3!), and no idea what backup to go back to. Even more strange, for the unlinked symbol, the elements now have both the original AND new duplicated interactions are applied. Makes no sense whatsoever.
Even worse, now the master symbol itself has these duplicate animations applied to to it. Why would unlinking a symbol apply new interactions to the original symbol!
This HAS to be some kind of bug. PLEASE, fix this. Plleeeeeaaaaaassssseeeeeee.
Same issue here. I’m pretty new to Webflow and have a nav that requires 2 versions – one on a dark background and one on a light background. I was experimenting with different options and after unlinking the original nav symbol a few times I ended up with a ton of duplicated interactions. After deleting all the duplicates I switch all the interaction ‘trigger settings’ to be on the class rather than the element as I thought that might solve the issue but that didn’t help.
I’m curious if there’s a reason for the duplicated interactions or is it a bug?
Any news about this problem? I’m having exactly the same issues. By now, the only way to bypass this is to create all the animations on one page and only after create symbols and replicate to new pages.
I am also just running into this uncomfortable behaviour. I was wondering where those pesky animation 2, animation 3 were coming from. It gets tedious pretty quickly to clean up after this mess so, I too second, third, … that this behaviour should be fixed!
I got the exact same problem. Ive bin working on a client website for the past couple of days, in which i most of the time created very specific, complex and section-pattern dependent animations. Now that i got my basic set of symbols, i want to duplicate them across my page to re-use some of the content, most importantly the animations linked to them. I know how to duplicate classes, i know dependencys between each container very, very well, im using webflow for quite some time now. The fact that unlinked instances of symbols don’t use the same animation as their parent is annoying and unnessecary, it creates alot of unwanted work and complicates things. This should be one of the more important fixes in the future, since it’s not a feature but rather a bug. My page works just as well when im re-directing the animation source of unlinked instances to the original ones, if i want to duplicate them i will do that so myself. The only reason for that would be if i duplicate existing classes of unlinked instances, which is not the case after doing so.
I’ve got this very specific case in which each symbols interactions are dependent on what interaction came before. I need to make full use of the modularity of my CMS, giving my client control over the order each section can have on his site. That means that i have to be able to reconnect each symbol after i created it, and each symbol got tons of animations itself other then that specific reorder structured interaction.
What happened now is that i created a template page from which my CMS will fetch the structures in order to place them in a wanted way, but each unliked and reconnected symbol copys now every created interaction. This is more then uncomfortable for my Workflow and means unnessecary work that could be avoided if symbols would behave like wrappers rather then temporary parent-classes.
The only reason to ever copy an interaction is to change classes linked in it, and unlinked symbols use the exact same ones that are allready connected, so i consider this a bug and not a feature.
Are there any updates on this? I’m still running into interaction duplicates. I too guess unlinking symbols that create these duplicates.
It’s soo hard to navigate the interaction panel after a couple of years of maintaining a website with all its iterations… plus it adds tons of unnecessary javascript in the file, hurting the site’s performance (aka PS/CWV).