[WinUI] CollectionView GridItemsLayout Shows 6 Columns Even When Span is Set to 7, When Display Scale is Set to 125% or 150%

[turdmaggot]

Description

In Windows, when display scale is set to 125% or 150%, CollectionView shows 6 columns even though the GridItemsLayout's span attribute is set to 7. It behaves properly when display scale is set back 100%.

Steps to Reproduce

1. Create a CollectionView.
2. Add GridItemsLayout as ItemsLayout. Set the following attributes:

• Orientation="Vertical"
• HorizontalItemSpacing="5"
• VerticalItemSpacing="5"
• Span="7"

3. Add a DataTemplate as ItemTemplate, with any control. Preferrably a box with borders with 145x100 in size.
4. Bind it to an itemsource, with about 35 items.
5. Run the Project in Windows.
6. Assuming that your display scale is set to 100% (by default), it should display a 7 columns and 5 rows.
7. Change display scale by going to System/Display/Scale & Layout and look for the scale dropdown. Set it to either 125% or 150%.

Actual Result: A Grid with 6 Columns

Expected Result: A Grid with 7 Columns

Link to public reproduction project repository

No response

Version with bug

8.0.60 SR6

Is this a regression from previous behavior?

Yes, this used to work in Xamarin.Forms

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

Windows SDK 10.0.22621.0

Did you find any workaround?

No

Relevant log output

No response

[github-actions]

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one and thumbs upping the other issue to help us prioritize it. Thank you!

Open similar issues:

• CollectionView with vertical GridItemsLayout uses incorrect Span on Windows (#14228), similarity score: 0.84
• Incorrect item displayed when window scale and layout value is greater than 100 (#23233), similarity score: 0.80

Closed similar issues:

• CollectionView items layout is not changed when GridItemsLayout.Span is changed on iOS and Windows (#10144), similarity score: 0.79
• CollectionView does not update column when changing ItemsLayout span (#23266), similarity score: 0.79
• Items in CollectionView using GridItemsLayout not sized correctly (content gets clipped) (#16115), similarity score: 0.78

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

[Damus765]

This appears to be a duplicate of #23233.

[ninachen03]

@turdmaggot
Could you provide a sample project for us to investigate it further?
Looking forward to your reply!

[jfversluis]

Duplicate of #23233