I have an issue with the header 103 component. I didnt change any class names, the tab change works, the auto change works, but: the tab-load-bar does not. It does not show up at all
Hey Corne! Please can you share the staging link + read only and I’ll take a look
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
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>
$(window).on('load', function() {
// Code to run after the window has fully loaded
console.log('Window is fully loaded');
// Trigger a click event on the first element with class 'header103_tab-link'
$('.header103_tab-link').first().click();
});
</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?
Matt J. thanks for checking in! I just placed it on inital state, but that doesn’t fix the first loader
Issue with Header 103 Component: Tab-load-bar Not Displaying | Relume Community
