Skip to content

Tab Icon Color Changes Temporarily During Horizontal Scrolling Between Tabs #26905

@IX-OmkarP

Description

@IX-OmkarP

Description

When scrolling horizontally between tabs in a Tabbed Page (such as Tab 1, Tab 2, or Tab 3), the icon color of the tabs temporarily changes to black. This is not the expected behavior, as the icon color should remain in its original state throughout the scrolling action. Only the icon of the selected tab should change

MAUI_icon_Background_Color.mp4

Steps to Reproduce

  • Open the provided reproduction project: TabbedPageWithIcon.
  • Run the project and Scroll horizontally between the tabs (Tab 1, Tab 2, and Tab 3).
  • Observe that the icon color changes to black during the horizontal scrolling.

Expected Behavior:

  • The selected tab's icon should remain its original color (black), and a white underline should be displayed below it to indicate selection.
  • The icon color should not temporarily change to black while scrolling between tabs.

Actual Behavior:

  • The icon color temporarily changes to black during horizontal scrolling, which should not happen.

Link to public reproduction project repository

https://github.com/IX-OmkarP/TabbedPageWithIcon

Version with bug

Unknown/Other

Is this a regression from previous behavior?

Yes, this used to work in Xamarin.Forms

Last version that worked well

Unknown/Other

Affected platforms

Android

Affected platform versions

No response

Did you find any workaround?

No

Relevant log output

Metadata

Metadata

Labels

area-controls-tabbedpageTabbedPagemigration-compatibilityXamarin.Forms to .NET MAUI Migration, Upgrade Assistant, Try-Convertpartner/syncfusionIssues / PR's with Syncfusion collaborationplatform/androids/triagedIssue has been revieweds/verifiedVerified / Reproducible Issue ready for Engineering Triaget/bugSomething isn't working

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions