Skip to content

[Tabs] TabStripItem selection highlight not visible with TabStripItem background color set #7494

@manoldonev

Description

@manoldonev

Environment

  • CLI: rc
  • Cross-platform modules: rc
  • Android Runtime: rc

Describe the bug
The TabStripItem selected / highlight indicator is not visible in case TabStripItem background color is set.

To Reproduce
Use the following setup (also visible in e2e/ui-tests-app -> tabs -> background-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>
TabStripItem.special {
  background-color: teal;
}

TabStripItem.special:active {
  background-color: yellowgreen;
}

Expected behavior
Highlight indicator should be visible if tabstripitem is selected no matter whether any css is applied.


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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions