CollectionView rendering hangs the apps

[chabiss]

Description

Not sure what I'm doing wrong, but the layout of the collectionview, which contains only 119 elements, tank the performance of the Collection View.

Collection.View.Renderingmp4.mp4

Steps to Reproduce

1. Clone https://github.com/chabiss/periodictable
2. Build the solution
3. Make sure the PeriodictableMaui project is the startup project
4. Launch the app on Windows
5. Click the button "List All Elements"

Link to public reproduction project repository

https://github.com/chabiss/periodictable

Version with bug

8.0.71 SR7.1

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

No response

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:

• Horrible performance/memory usage with CollectionView depending on size on screen (#12013), similarity score: 0.81
• CollectionView with many items (10,000+) hangs or crashes on iOS (#18891), similarity score: 0.80
• [iOS] Rendering of CollectionView takes too much time (#15204), similarity score: 0.78
• CollectionView is slow to initialize with complex ItemTemplate (#22956), similarity score: 0.77

Closed similar issues:

• .NET MAUI RC1 - CollectionView extremely slow (#6317), similarity score: 0.78

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

[ninachen03]

I can repro this issue at Windows platform on the latest 17.11.0 Preview 6.0(8.0.61 & 8.0.71)

[chabiss]

Switching to Release Build didn't improve the performance.

[chabiss]

Remove the wrapping VerticalStackLayout wrapping the CollectionView. This improved the performance, but the initial load is still very slow

[Foda]

Hello! This appears to be caused by a combo of how your ViewModels are being used and a bigger issue with the Border control (#24123).

While we work on a fix, one minor work-around would be to have different ViewModels for the AllElements page, and MainPage. Both ViewModels could then just reference one PeriodicTableDataEngine.

The issue is partially caused by both pages being bound to the same list of elements on the same instance of a ViewModel. This causes both pages to always remain in-memory (it leaks) and the elements also remain in the visual tree. When the element list is refreshed the Grid on the MainPage also updates even though it's not visible.