Repository navigation
[Tabs] Cannot change active text color for selected tabstripitem #7507
Description
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.
Activity
mchallenger88 commentedon Jan 7, 2020
I can't seem to set the active color of the title or the label. Has this issue been resolved?
abartshe commentedon Jan 30, 2020
@mchallenger88 I ended up placing Label inside of the active class and then changing the color that way.
mchallenger88 commentedon Jan 30, 2020
@abartshe : I created a custom component. Not really that hard. The only thing it doesn't have is the slide animation.