Hi,
I’m currently mocking up a home page using tabs with background images. When I click on a tab link, apart from the tab content pane changing as is usual, I also want to display different content in the section below the tabs. I’ve therefore set up an interaction triggered by clicking the tab link, to hide/reveal the appropriate sections and all this is working well.
However, I’ve noticed that when I add an interaction to each tab, the main tab content pane seems to ‘flicker’ and appears to load twice. This doesn’t happen when I remove the interaction. Can anyone advise how I fix this ‘flickering’?
I’m pretty sure this is just a bug of the Designer and doesn’t impact the published site… does it?
When I’m manipulating tabs, for a few months I have duplicated tabs, or tab contents printed one after anoter. When I refresh the designer (reload), it disappears. I find that this happens far less if you swap tabs by cliking only in the Settings tab on the right.
Can you tell me if that’s the case? If yes we can turn this post into a “bug” one.
If you look at the published site: alice-jones-coaching-2.webflow.io/ it definitely shows the image flickering when you click on the tab link, so no it’s not in the designer that it’s a problem.
I’ve checked out the published site in Chrome v66, FF v49 and Edge. In Edge the transition of the tab contents is smooth but in Chrome and FF, it flickers. Does this help?
If I remove the interactions from each of the tab links (which then disables changing the content of the section below), the tab content panes change smoothly so it’s definitely something to do with adding an interaction to the tab link that’s affecting it.