'Current ' tab not showing if tab has a second class added

I’ve just run into a situation where I am using a duplication of an existing Tabs setup on a site copied to a different page in the same site. The duplicated Tabs need different styling to the original, so the tabs on the duplicate have ended up with 2 classes to enable the different styling.

The extra class seems to be affecting the ‘current’ status in that it no longer shows; checking the Selector ‘Inheritance’ panel shows that the Current state is missing for the tabs with the extra class.

This screenshot shows the selector inheritance panel, it’s missing the double class current state.

I did a test on a separate project where I was able to achieve what I wanted with the extra class; the duplicated tabs with the extra class did allow a current state for styling, so I know it should work https://form-testing-3bff35.webflow.io/tab-testing

The only way I can achieve what I want for now is to use custom css to force it, but would prefer not to do it that way.

If anybody can look and see why this is occurring, the page to look at is the ‘Tabs Testing’ page in the ‘Assets’ folder.


Here is my site Read-Only: https://preview.webflow.com/preview/unjumble?utm_medium=preview_link&utm_source=designer&utm_content=unjumble&preview=fd52486c7f9f648fb7de5d4ca4d9b1f7&pageId=5ef414a17e42c6889c393b88&mode=preview

Same issue for me… have not found any other workarounds.

1 Like

I have also had this issue and cannot find a solution. I have two tabs on the same page with combo classes, one works, the other doesn’t…

The first tab has two classes. A single class still shows the ‘Current’ state, but If i add the second class, then ‘Current’ disappears and I cannot style the active state.

Screen Shot 2022-05-09 at 4.44.32 PM

Strangely the second tab functions as expected and has the ‘Current’ state accessible, even with the combo class.

Screen Shot 2022-05-09 at 4.44.46 PM