Broken Tab Component When Tab Active

Hi all,

Wondering if anyone has a fix for managing multiple tab components on one page…

Such a weird bug but here’s the gist of the problem.

I have two separate tab components and need them both active and showing content. Thats where the problem comes in. If Tab Component 1 has an active tab it subsequently breaks Tab Component 2, making the tabs not clickable or unresponsive. It also removes the content of the tab panes.

Super weird but I’ve tried renaming all fields in both the tab menus and tab panes of each component, changed element ID settings, and also adjusted the custom div attributes.

Nothing seems to work. So I’ll have to find a work around for the design aspect but if anyone knows some custom code or a proper fix… Please let me know, any insight is greatly appreciated.

See preview link below.

Best,


Here is my site Read-Only: ** https://preview.webflow.com/preview/jonathanbarnes?utm_medium=preview_link&utm_source=designer&utm_content=jonathanbarnes&preview=2faffbe1fb8b1e4f5fa5250a005bbe11&pageId=619ff8f81c9a5b7652bd7639&workflow=preview**
(how to share your site Read-Only link)