[Windows] Resizing window causes CarouselView glitches

[rachelkang]

Description

Resizing a window on a page with a CarouselView causes the CarouselView sizing, image rendering, and position to glitch inconsistently.

CarouselViewWindowResizeGlitches.mp4

Steps to Reproduce

1. Run recipeSearch repo on rc2
2. Deploy to Windows machine
3. Click on "My Recipes" tab
4. Resize window
5. Observe erratic behavior

Link to public reproduction project repository

https://github.com/rachelkang/recipeSearch

Version with bug

8.0.0-rc.1.9171

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

8.0.0-preview.7.8842

Affected platforms

Windows

Affected platform versions

No response

Did you find any workaround?

No response

Relevant log output

No response

[rachelkang]

NOT reproducible on net7 (7.0.401)

There's also a spacing difference. In net7, all the items render right next to each other whereas in net8, only one item is shown at a time.

[samhouts]

Confirmed that this changed between 8.0.0-preview.7.8842 and 8.0.0-rc.1.9171, likely from #16842. However, I'm not sure if it's actually a regression or if there is perhaps code in the sample app that was written to workaround the weird behavior of CarouselView in Windows before the change was made? @rachelkang please investigate! Thanks!

[rachelkang]

Removing this code from the sample does prevent the glitchy behavior from surfacing!

Based on some of the comments in the PR that describe grey blocks on resizing, it does sound like the glitchy behavior might be part of a long-standing known issue: #16842 (comment)
so it might still be worth keeping this open unless it's already being tracked elsewhere

[samhouts]

Love it! I'm going to downgrade this from a regression, but we'll keep it open to track the glitchy bug. THANK YOU