On iOS, CollectionView with GridItemsLayout and Span set is centering the item when the collection has only one item.

[jhovelnu]

Description

I have a CollectionView with Span=3, and it was working correctly. However, after updating to MAUI version 9.0.70, I'm experiencing an issue on iOS: the CollectionView centers the item when the collection contains only one item.

I am using the FFImageLoading:
PackageReference Include="FFImageLoading.Maui" Version="1.2.7"

If I replace ffimageloading:CachedImage with the default Image, the issue does not occur.

Note: This was working as expected in MAUI version 9.0.40 and 9.0.50.

iOS:

Android:

Steps to Reproduce

1.Create a CollectionView with GridItemsLayout and set Span=3.
2.In the item template use the ffimageloading:CachedImage.
3.Set the item source with only one item.

Link to public reproduction project repository

https://github.com/jhovelnu/MauiApp2Net9/tree/CollectionViewSpan

Version with bug

9.0.70 SR7

Is this a regression from previous behavior?

Yes, this used to work in .NET MAUI

Last version that worked well

9.0.50 SR5

Affected platforms

iOS

Affected platform versions

No response

Did you find any workaround?

For now, the only workaround is to replace ffimageloading:CachedImage with Image.

Relevant log output

[similar-issues-ai]

We've found some similar issues:

• UI not updating GridItemsLayout when Span becomes 1 #26083 , similarity score: 83%

If any of the above are duplicates, please consider closing this issue out and adding additional context in the original issue.

Note: You can give me feedback by 👍 or 👎 this comment.

[jhovelnu]

We've found some similar issues:

• UI not updating GridItemsLayout when Span becomes 1 #26083 , similarity score: 83%

If any of the above are duplicates, please consider closing this issue out and adding additional context in the original issue.

Note: You can give me feedback by 👍 or 👎 this comment.

This is not the same issue, but I found a similar one that occurred in Xamarin.Forms:
xamarin/Xamarin.Forms#6851

[TamilarasanSF4853]

This issue has been verified in Visual Studio Code 1.99.3 with .NET MAUI versions 9.0.40, 9.0.50, 9.0.51, and 9.0.70. It is reproducible on the iOS and Mac platforms starting from version 9.0.60 up to the latest. However, the issue is not reproducible in earlier versions, including 9.0.51 and below.

[sheiksyedm]

This issue occurs only with the CV1 handler and not the CV2 handler. The regression was introduced in PR: #28670

CC: @albyrock87

[albyrock87]

I'm trying to repro from within the TestHostApp.

I have referenced FFImageLoading DLL directly:

  <ItemGroup Condition=" '$(TargetFramework)' == 'net9.0-ios' ">
    <Reference Include="/Users/myuser/.nuget/packages/ffimageloading.maui/1.2.7/lib/net8.0-ios17.5/FFImageLoading.Maui.dll" />
  </ItemGroup>

then I've added it to MauiProgram.cs

#if IOS
FFImageLoading.Maui.HostingExtensions.UseFFImageLoading(appBuilder);
#endif

I have created the attached C# file Issue29595.cs.zip with the exact code from the sample repo and set it as main page.

mainPage = new Issue29595Shell();

I cannot reproduce on main, and even checking out 9.0.70 tag.

But I can indeed reproduce with a standalone app... any idea?

[albyrock87]

Update: it appears that using a different FontSize on the label solves the issue (don't ask me why).
I'm investigating it.

[albyrock87]

Fix is ready :)