MAUI CollectionView reuses custom control state (VoteControl) and does not reset when recycled.

[RedEye-Developers]

2026-01-19.00-01-49.mp4

I’m facing an issue with CollectionView virtualization / recycling in .NET MAUI where a custom control keeps its internal UI state when reused for different items.

🔍 Scenario

I have a custom control called VoteControl (similar to Reddit upvote/downvote) used inside a CollectionView item template.

The control has:

UpVoteCount (BindableProperty)

DownVoteCount (BindableProperty)

Vote (BindableProperty, enum: None / Up / Down)

Internal UI elements (ImageCheckBox(CustomControl))

The control is bound like this:

<controls:VoteControl UpVoteCount="{Binding UpVoteCount}"
                                  DownVoteCount="{Binding DownVoteCount}"
                                  VoteChangedCommand="{Binding Source={x:Reference Root},Path=VoteChangedMethodCommand}"
                                  Vote="{Binding VoteType}"
                                  HorizontalOptions="End"/>

❌ Problem

When scrolling the CollectionView:

If I upvote or downvote one item

Scroll down so the item is recycled

The same VoteControl instance appears again

It retains the previous checked state (up/down) instead of resetting based on the new BindingContext

So the UI shows wrong vote state for different items.

This happens repeatedly while scrolling.

protected override void OnBindingContextChanged()
{
    base.OnBindingContextChanged();
    if(BindingContext is not UserCommandViewModel vm) return;
    RootVoteControl.Vote = vm.VoteType;
}

when bindingContext Change i apply the VoteType Directly To UI using x:name it is working fine, but the OnBindingContextChanged() Method was Frequently Triggering when scroll the CollectionView and the app not feel smoot.

[stephenquan]

This line in OnBindingContextChanged

RootVoteControl.Vote = vm.VoteType;

breaks/replaces the XAML binding

Vote="{Binding VoteType}"

[RedEye-Developers]

thanks.