Need More Info
Last Updated: 28 Aug 2025 13:01 by ADMIN
axp
Created on: 21 Aug 2025 14:10
Category: CollectionView
Type: Bug Report
1
Vertical scrolling issues
  1. Unexpected indent at the right, Android/iOS.
  2. iOS only issue - width of CollectionView content continuously changes during scroll - to fill that ident and back.
3 comments
ADMIN
Denis
Posted on: 28 Aug 2025 13:01

Hello Alexander,

Thank you for updating the project.

Using it, I was able to reproduce the described indentation issue in RadCollectionView. Upon further investigation, the issue appears to be caused by the ColumnSpacing property of the Grid layout. This is a known issue that is already logged in the MAUI repository and can also be easily reproduced outside of RadCollectionView: https://github.com/dotnet/maui/issues/24354

Please check this comment, which provides detailed information about what is essentially causing the issue.

As a workaround, I suggest removing the ColumnSpacing from the Grid layout and using Margin to achieve the desired layout:

<Grid
    RowSpacing="10"
    ColumnDefinitions="*,*,*"
    RowDefinitions="Auto,Auto,*">

    <Button
        Text="Button 1"
        Margin="0, 0, 10, 0" />

    <Button
        Grid.Column="1"
        Text="Button 2"
        Margin="5, 0, 5, 0" />
    
    <Button
        Grid.Column="2"
        Text="Button 3"
        Margin="10, 0, 0, 0" />
    
    <Button
        Grid.Row="1"
        Grid.ColumnSpan="3"
        Text="{Binding TotalMemory,
            StringFormat='Heap size: {0:0.0} mb'}" />

<!-- Rest of the code, containing the CollectionView -->

You can also consider modifying the current layout by removing the ColumnSpacing and columns from the Grid, placing the buttons in the first row that requires spacing inside another Grid, and then setting the spacing for that layout:

<Grid RowDefinitions="Auto, Auto, *">
    <Grid ColumnDefinitions="*, *, *" ColumnSpacing="20">
        <Button Text="Button 1"/>
        <Button Grid.Column="1" Text="Button 2"/>
        <Button Grid.Column="2" Text="Button 3"/>
    </Grid>
    <Button Grid.Row="1"
            Text="{Binding TotalMemory, StringFormat='Heap size: {0:0.0} mb'}"/>
</Grid>

As for the scrolling issue, I was not able to reproduce the behavior shown in the provided video. I’ve attached a screen recording from my side for comparison. There is a chance that once the layout is reworked and ColumnSpacing is removed, the issue may also be resolved. However, if you still observe it after removing ColumnSpacing, please modify the sample to reproduce it so I can continue my investigation.

I'm looking forward to your reply.

Regards,
Denis
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Attached Files:
axp
Posted on: 22 Aug 2025 16:13

Hello Denis,

Please see the updated project.

Maui version does not matter, tried latest - 9.0.100 - the same behavior.

Attached Files:
ADMIN
Denis
Posted on: 22 Aug 2025 13:19

Hello Alexander,

Thank you for sharing the video and the screenshot.

I have created a sample app to test the scenario and I couldn't reproduce the issue on my end - video and an image are attached. I did not set any margins and padding to the CollectionView. Based on the attached image from your side, it seems there is some padding?

Next Steps:

Could you please update the attached project project to replicate the behavior and then send the app back to me? Please make sure to delete the bin and obj files as well as the .csproj.user file.

Also share what is the exact .NET Maui version you use.

Looking forward to your reply.

Regards,
Denis
Progress Telerik