CollectionView2 Layout Misalignment in GridItemsLayout with Horizontal Orientation on iOS and Catalyst

[NafeelaNazhir]

Description

When using CollectionView2 with a GridItemsLayout and Orientation="Horizontal", the layout is not properly arranged. The header text appears misaligned and stretched, while the items are not correctly arranged. However, when using CollectionView1, the layout renders correctly.

-Using CollectionView1

Screen.Recording.2025-02-25.at.4.54.21.PM.mov

• Using CollectionView2

Screen.Recording.2025-02-25.at.4.56.07.PM.mov

Steps to Reproduce

1. Launch the HostApp on iOS and Catalyst https://github.com/dotnet/maui/blob/main/src/Controls/tests/TestCases.HostApp/Elements/CollectionView/HeaderFooterGalleries/HeaderFooterGridHorizontal.xaml
2. Use CollectionView2 with a GridItemsLayout (Span=3, Orientation=Horizontal).
3. Observe that the header, footer, and items are misaligned.

Expected Behavior:
The header, footer, and items should be arranged correctly, as seen in CollectionView1.

Actual Behavior:

• Header text is stretched and misaligned.

• Footer does not align correctly with the content.

Link to public reproduction project repository

No response

Version with bug

9.0.40 SR4

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

No response

Affected platforms

iOS, macOS

Affected platform versions

No response

Did you find any workaround?

No response

Relevant log output

[similar-issues-ai]

We've found some similar issues:

• Collection view with horizontal grid layout has extra space on right (end) of collection #25433 , similarity score: 81%

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.