Skip to content

[Tabs][BottomNavigation] TabContentItem background color not applied #7496

@manoldonev

Description

@manoldonev

Environment

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

Describe the bug
TabContentItem background color is not applied.

To Reproduce
Use the following setup (also visible in e2e/ui-tests-app -> tabs -> background-color or e2e/ui-tests-app -> bottom-navigation -> background-color examples):

<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>
TabContentItem.special {
  background-color: olive;
}

Expected behavior
TabContentItem background color should be respected when set.


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