I have been using Foundation for a while, but just last night have come across a really strange issue with the tabs in v6.2.1.
Everything works fine when its in a standard html file, but when I add the code to my bespoke WordPress template the tabs seem to behave strangely.
They appear to look fine, but when i click the second or third anchor tag on the front end:
<li class="tabs-title"><a href="#panel2">Tab 2</a></li>
The second tab panel appears beneath the first, then if you click the third tab, it also appears beneath the 1st and second resulting in a long page which is messed up.
I have looked at html code to try and troubleshoot and it seem the is-active is being applied to multiple li's rather then being removed when a new li is selected.
Does anyone know what maybe causing this issue?
There doesn't seem to be any errors in inspect element.