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