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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions