tabBar-tab-active stable CSS class name

[oliver-dvorski]

According to the docs and this, when a tab in the primary tab list is active, it should receive the class coral-tabBar-tab-active. I'd like to apply custom styles to this class, but they don't get applied to all tabs.

Expected behavior:

• All tabs should receive the coral-tabBar-tab-active class when selected

Actual behavior:

Class list:

• BaseButton-root-464189d43068742128bd39653c671d89
• Tab-button-6d68dce02925fd18461776edb2692b7e
• Tab-streamPrimary-788f1d302542d0297b23c1040eae710a
• Tab-active-c7162dccdcf7f0eceb82b59dc555281d
• coral
• coral-tabBar-tab
• coral-tabBar-myProfile
• coral-tabBar-tab-active 👈

Class list

• BaseButton-root-464189d43068742128bd39653c671d89
• Tab-button-6d68dce02925fd18461776edb2692b7e
• Tab-streamPrimary-788f1d302542d0297b23c1040eae710a
• Tab-active-c7162dccdcf7f0eceb82b59dc555281d
• coral
• coral-tabBar-tab
• coral-tabBar-configure
• TabBar-configureTab-593e079723e5aa1941b6525a59902142

---

The default CSS works fine because it doesn't depend on this class

Related Issues:

Versions:

• Coral: 8.4.2

---

Thank you very much for your time

[Shubhamsharma585]

Hi @oliver-dvorski I am a coral user. Have you deployed coral on the sub-directory? Can you please suggest a way to use coral on the sub-dire as

'http://127.0.0.1:5000/${path}' ==> '[http://127.0.0.1:5000/discussions/${path}'