Skip to content

tabBar-tab-active stable CSS class name #4304

Open
@oliver-dvorski

Description

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:
image

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 👈

image

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
image
image

Related Issues:

Versions:

  • Coral: 8.4.2

Thank you very much for your time

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions