In maui collectionview scrolling has issues in android.

Question

In maui collectionview scrolling has issues in android.

Keerthana Krishna 60

In collection view scrolling to bottom when the list is updated is not happening. I am implementing the chat list and depending on user response, the response differs from chatbot. I could see the data below but I need to scroll to bottom to manually. This is happening in iOS also but after using ItemsUpdatingScrollMode property it worked in iOS but not in android. I tried few other work arounds but it did not work, can you suggest some way which works fine in android

Noor Fatima 85 Reputation points

2026-04-30T10:02:13.2233333+00:00

“On Android this is usually a timing/layout issue with CollectionView. After updating the ItemsSource, try forcing scroll on the UI thread with a short delay (e.g. Dispatcher.DispatchAsync + ScrollTo(lastItem, position: End)). Also make sure ItemsUpdatingScrollMode is set but don’t rely on it alone for Android—manual ScrollTo after render tends to be more reliable.”
Keerthana Krishna 60 Reputation points

2026-05-04T05:55:10.5266667+00:00

I will try this once, but the problem here is I have MVVM pattern and for all button events I used command. I cannot write manual scroll in MVVM and I wrote event in codebehind to be triggered to do add manual scroll but its not working. I already added the reference for it.

2 answers

Your answer

Noor Fatima 85 Reputation points

2026-04-30T10:02:13.2233333+00:00

“On Android this is usually a timing/layout issue with CollectionView. After updating the ItemsSource, try forcing scroll on the UI thread with a short delay (e.g. Dispatcher.DispatchAsync + ScrollTo(lastItem, position: End)). Also make sure ItemsUpdatingScrollMode is set but don’t rely on it alone for Android—manual ScrollTo after render tends to be more reliable.”
Keerthana Krishna 60 Reputation points

2026-05-04T05:55:10.5266667+00:00

I will try this once, but the problem here is I have MVVM pattern and for all button events I used command. I cannot write manual scroll in MVVM and I wrote event in codebehind to be triggered to do add manual scroll but its not working. I already added the reference for it.

Answer 1

Nancy Vo (WICLOUD CORPORATION) 3,465 Microsoft External Staff Moderator

Hello @Keerthana Krishna ,

Thanks for your question.

On Android, MAUI's CollectionView is backed by RecyclerView under the hood. The ItemsUpdatingScrollMode behavior is not consistently applied when the data source updates, so Android ignores or mishandles the auto-scroll trigger.

I suggest some following workarounds for Android:

Programmatically scroll after update.

Whenever a new message is added, manually scroll to the last item:

private void ScrollToBottom()
{
    var lastItem = Messages.LastOrDefault();
    if (lastItem != null)
    {
        ChatCollectionView.ScrollTo(lastItem, position: ScrollToPosition.End, animate: true);
    }
}

Call this after adding a new message to the list:

Messages.Add(newMessage);
ScrollToBottom();

Use ScrollTo with index.

int lastIndex = Messages.Count - 1;
if (lastIndex >= 0)
{
    ChatCollectionView.ScrollTo(lastIndex, position: ScrollToPosition.End, animate: true);
}

Please check if you are placing a CollectionView inside a ScrollView or a VerticalStackLayout without bounded height. This breaks the scrolling because the CollectionView gets unlimited height and never needs to scroll.
Combine both platforms with ItemsUpdatingScrollMode + manual scroll

<CollectionView x:Name="ChatCollectionView"
                ItemsUpdatingScrollMode="KeepLastItemInView"
                ItemsSource="{Binding Messages}">

And still call ScrollTo() in code for Android as a fallback.

I hope this addresses your question. If this response was helpful, please consider following the guidance to provide feedback.

Keerthana Krishna 60 Reputation points

2026-04-29T16:33:01.3233333+00:00
We have yes or no buttons in that chat and depending on user selection we add new messages to the collection view. I have methods in the view model. I tried adding the event and using this in code behind so I can access the collection view to use scrollTo but it did not work, I am pasting the code that I used for reference.
In Viewmodel:

public Action ScrollToBottonEvent = delegate{};

public async void MethodA()

{

if(ScrollToBottonEvent == null)

{

Debug.WriteLine($"Scroll event is null");

}

Debug.WriteLine("Beofre Invoke");

ScrollToBottonEvent?.Invoke();

}

In CodeBehind:

viewModel.ScrollToBottonEvent += OnScrollToBottom; -> Inside Constructor

private async void OnScrollToBottom()

{

Debug.WriteLine("Event Received");

await Task.Delay(50);

MainThread.BeginInvokeOnMainThread(() =>

{

ChatList.ScrollTo(viewModel.ChatListList.LastOrDefault(), position: ScrollToPosition.End, animate: false);

}); }

Nancy Vo (WICLOUD CORPORATION) 3,465 Microsoft External Staff Moderator

Hi @Keerthana Krishna ,

On Android, CollectionView uses RecyclerView behind the scenes, and when you add a new item, Android needs some time to bind the data, measure the item, and actually draw it on screen. 50ms is just not enough for that.

await Task.Delay(300);

Also, This is a field, not a proper event. The problem with this is if the user navigates away from the page and comes back, your constructor runs again and subscribes OnScrollToBottom a second time. Just change it to a proper event:

public event Action ScrollToBottomEvent;

And in your code-behind constructor, unsubscribe before subscribing:

viewModel.ScrollToBottomEvent -= OnScrollToBottom;
viewModel.ScrollToBottomEvent += OnScrollToBottom;

One more small thing I want to recommend is that you should remove async from MethodA since there is no await inside so marking it async does not do anything.

You can refer to following code example:

ViewModel:

public event Action ScrollToBottomEvent;

public void MethodA(bool userAnswer)
{
    ChatListList.Add(new ChatMessage
    {
        Text = userAnswer ? "Yes" : "No",
        IsUser = true
    });

    ChatListList.Add(new ChatMessage
    {
        Text = "Thank you for your response!",
        IsUser = false
    });

    ScrollToBottomEvent?.Invoke();
}

Code behind:

public ChatPage(ChatViewModel vm)
{
    InitializeComponent();
    viewModel = vm;
    BindingContext = viewModel;

    viewModel.ScrollToBottomEvent -= OnScrollToBottom;
    viewModel.ScrollToBottomEvent += OnScrollToBottom;
}

private async void OnScrollToBottom()
{
    await Task.Delay(300);

    MainThread.BeginInvokeOnMainThread(() =>
    {
        var lastItem = viewModel.ChatListList.LastOrDefault();
        if (lastItem != null)
        {
            ChatList.ScrollTo(lastItem, position: ScrollToPosition.End, animate: false);
        }
    });
}

protected override void OnDisappearing()
{
    base.OnDisappearing();
    viewModel.ScrollToBottomEvent -= OnScrollToBottom;
}

Hope this helps. Thank you for your time.

Nancy Vo (WICLOUD CORPORATION) 3,465 Reputation points Microsoft External Staff Moderator

2026-05-06T04:00:11.1966667+00:00

Hi @Keerthana Krishna ,
If you're still interested or have any questions, feel free to reach out whenever it works best for you.

Answer 2

For a chat-style CollectionView where new items are appended and the view should stay scrolled to the bottom, configure the scroll behavior on the CollectionView itself and avoid layouts that interfere with scrolling.

Use ItemsUpdatingScrollMode = KeepLastItemInView

Set this on the CollectionView so that when items are added, the last item remains visible automatically (chat-like behavior):

var collectionView = new CollectionView
{
    ItemsUpdatingScrollMode = ItemsUpdatingScrollMode.KeepLastItemInView,
    // other properties...
};

ItemsUpdatingScrollMode controls how the view maintains its scroll position when ItemsSource changes. KeepLastItemInView is specifically intended for chat-like interfaces where new items are added at the end.

Ensure the layout does not block scrolling

If the CollectionView is inside a VerticalStackLayout or StackLayout, this can prevent it from scrolling correctly and can also break ScrollTo behavior. Replace the parent layout with a Grid:

<Grid>
    <CollectionView
        x:Name="ChatCollectionView"
        ItemsUpdatingScrollMode="KeepLastItemInView" />
</Grid>

This applies to both Android and iOS and is required for reliable scrolling.

Optional: explicit ScrollTo for the last item

If additional control is needed (for example, after a batch update), explicitly scroll to the last item using ScrollTo with ScrollToPosition.End:

var lastItem = viewModel.Messages.LastOrDefault();
if (lastItem != null)
{
    ChatCollectionView.ScrollTo(lastItem, position: ScrollToPosition.End);
}

ScrollToPosition.End ensures the item is aligned to the end (bottom) of the view.

Combining ItemsUpdatingScrollMode = KeepLastItemInView with a proper parent layout (Grid instead of StackLayout/VerticalStackLayout) is the key to making this work consistently on Android as well as iOS.

References:

Share via

In maui collectionview scrolling has issues in android.

2 answers

Your answer