The issue with the header 103 component

Hey Corne! Please can you share the staging link + read only and I’ll take a look

Hi marc, thanks for taking the time! It is the second section / component (testimonial/slider) on the sectoren page

Staging link: https://doorzaam.webflow.io/sectoren

Read only:
https://preview.webflow.com/preview/doorzaam?utm_medium=preview_link&utm_source=design[…]&pageId=66714fede5d5f91bc5495676&locale=nl&workflow=preview

As of yet I don’t see anything wrong but still having a look. Not sure why this isn’t working. If you can’t find what’s causing the bug try remove marker and test again not sure if that could be causing any issues.

The weird thing is it’s working in webflow if you preview and click the tabs.

Maybe try delete the webflow interaction and create it again manually and then publish

Could it be finsweet cms tabs acouring the issue?

Because it is dynamic with a hidden collectionlist

That’s probably it let me try something quick.

Add this where you added the finsweet attribute

fs-cmstabs-element=“tabs” and give it a test

Also change the webflow interaction to be the length of the tabs displayed

So make it 12 seconds instead of 6

U are a legend!

It only not works on the first one, but after the first one it slides

Is it normal that it is not working for the first one?

And when it is alsmost there it waits for a while

So it’s an issue with the initial state

Try add this to the body tag of the page


<script> <br /><br />$(window).on('load', function() {<br /> // Code to run after the window has fully loaded<br /> console.log('Window is fully loaded');<br /> <br /> // Trigger a click event on the first element with class 'header103_tab-link'<br /> $('.header103_tab-link').first().click();<br />});<br /><br /></script>

It should click the first tab on page load therefore bypassing the issue

If it doesn’t work what I would reccomend is adding a field in the cms called ID then give the first cms item an id of first-tab or something like that then use have script to click it once the page has loaded

Both thigs dont work unfortunotly

Wen I’m back on my laptop I’ll have a look

this is a tricky one because even in designer it loads the first one...but I noticed that the initial state checkbox is not checked here - is that it?

thanks for checking in! I just placed it on inital state, but that doesn’t fix the first loader