Skip to content

[Tabs] Cannot change active text color for selected tabstripitem #7507

@manoldonev

Description

@manoldonev

Environment

  • CLI: 6.0.0
  • Cross-platform modules: 6.0.1
  • Android Runtime: 6.0.0
  • iOS Runtime: 6.0.0

Describe the bug
Cannot change text color for selected tabstripitem applied via "active" pseudoselector.

To Reproduce
Use the following snippet (also available in e2e/ui-tests-app -> tabs -> color example):

  <Tabs>
    <TabStrip>
        <TabStripItem title="First" class="special"></TabStripItem>
        <TabStripItem title="Second"></TabStripItem>
    </TabStrip>

    <TabContentItem class="special">
        <GridLayout>
          <Label text="First View" />
        </GridLayout>
    </TabContentItem>

    <TabContentItem>
        <GridLayout>
          <Label text="Second View" />
        </GridLayout>
    </TabContentItem>
  </Tabs>
Tabs {
  color: gold;
}

TabContentItem.special {
  color: olive;
}

TabStrip {
  color: skyblue;
}

TabStripItem.special {
  color: teal;
}

TabStripItem.special:active {
  color: yellowgreen;
}

Expected behavior
Should be able to change text color for selected tabstripitem applied via "active" pseudoselector.


Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions