Element interaction doesnt work when page open:(

Design help Animations & Interactions
1

preview for site

Hello everyone,

Im trying to build a website that its appearance is similiar to the classic file explorer we all know.

I’m new to Webflow or website building in general and it seems to me like I have a very stupid problem that some of you may help me with easily.

So- like any file explorer. there is the right and main navigation bar, I built it as tabs that are shawn in every page (not as a component yet, I duplicated it on each page).

So each folder I put in the right nav, if I tap it, it opens the tab pane and inside there are more folders. and if you press each of these folders it open a new page.

In the new page, the first thing shown is a div box inside the stomach of the file explorer with grid of pictures of the specific folder that we first pressed.

NOW THE ISSUE IS THIS:

if I press PREVIEW from the second page. The interaction I put (mouse click on the right nav tab - closes the picture grid) works good.

But - when I start the PREVIEW from the Home Page and the second page loaded from there. the interaction I added - don’ work.

I’ve been trying to understand and solve this for the last week, but I couldn’t solve this yet.

Can someone help me with this?

thank you in advance.

1 Like
2

Hi there,

Preview mode differences between direct page access and navigation can often be related to how interactions are initialized. Here are some common factors to check:

The timing of your interaction triggers may need adjustment. When navigating from the home page, ensure your interactions have proper Initial State settings. Check that your triggers aren’t dependent on page load events that might behave differently during navigation versus direct preview.

For consistent behavior across all navigation scenarios, try setting your interactions to trigger on page load rather than relying on class changes or other conditional triggers. Also verify that any elements involved in the interaction are fully loaded before the animation begins.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

1 Like