[Tabs] Page not loading tab content when clicked

[andreamgib]

I wanted to submit the discussion topic before submitting an issue because I believe this is user error, but I just can't find it.

Expected Behavior

When I click on a tab, it should add the class .is-active to the div .tabs-panel to show the content associated with the selected tab.
...

Current Behavior

Currently, the active tab content is loading on page load, but the active class is not being applied when the tab is clicked so
...

Test Case and/or Steps to Reproduce (for bugs)

Test Case: (https://codepen.io/nicolascn/pen/dQmVgg?editors=1010)](https://codepen.io/andreamgib/pen/KKXabEv?editors=1010)
...

Context

I am using ACF to autofill the tab titles with ACF text and content with shortcodes. I took them out for the example above and am still getting the same issue.
...

Your Environment

• Foundation version(s) used: v6.7.4
• Browser(s) name and version(s): Google Chrome Version 96.0.4664.93
• Device, Operating System and version: Mac (desktop) operating macOS Big Sur Version 11.6.1
• Link to your project: hidden for now

[andreamgib]

This can be deleted. I found and corrected the issue! The ul line had role="example-tabs" instead of id="example-tabs"