Vertical Stack Layout compressed in a CollectionView in IOS and MacCatalyst

[pschubert777]

Description

When adding a vertical stack layout inside a collection view in IOS and MacCatalyst, it seems to have a fixed size that does not adjust vertically based on the text when with RequestedWidth is fixed. Also, the background seems to be dark background, even though I have not added any change in the background.

This is not a problem in Android however.

MacCatalyst

IOS - IPhone SE 3rd Gen IOS 15.4

Android - Pixel 5 API 31

Steps to Reproduce

1. Create a File > New Maui App
2. In MaingPage.Xaml.cs, create an observable Collection
3. In the MainPage.Xaml, create a collection view that sets the observable collection as the ItemSource
4. Inside the collection view DataTemplate, create a VerticalStackLayout

Link to public reproduction project repository

https://github.com/pschubert777/CellBoutiqueHorizontalVerticalLayout

Version with bug

7.0 (current)

Last version that worked well

7.0 (current)

Affected platforms

iOS, macOS

Affected platform versions

IOS 16.2/15.4, MacOS 12.5.1

Did you find any workaround?

No

Relevant log output

No response

[ghost]

We've added this issue to our backlog, and we will work to address it as time and resources allow. If you have any additional information or questions about this issue, please leave a comment. For additional info about issue management, please read our Triage Process.

[Zhanglirong-Winnie]

Verified this issue with Visual Studio Enterprise 17.6 Preview(17.6.0.1539). Can repro on macOS and iOS platform with sample project. Android works fine.
CellBoutique.zip