[iOS] CollectionView not rendering first item correctly in FlyoutPage.Flyout

[MitchBomcanhao]

Description

On iOS, have a FlyoutPage.
On its flyout, I have a CollectionView. The first collection item isn't rendered correctly, with part of its contents getting pushed over the second item.
I haven't tried this on an iPad or iPhones without a notch, so I do not know if it affects all iOS devices or just some of them.
I've reproduced this on an iPhone 11.

Steps to Reproduce

1. Create a new blank maui project.
2. Change the CreateWindow method in App.xaml.cs to state return new Window(new MainPage());, thus removing Shell as that is incompatible with FlyoutPage.
3. Change MainPage.xaml to be a FlyoutPage, and add the contents of the xaml shown below.
4. Change MainPage.xaml.cs to extend FlyoutPage instead of ContentPage. delete any other unnecessary code.
5. Run the app
6. Swipe from the left edge to open the flyout menu
7. OBSERVE

• the first item in the menu's collectionview will render its label content over the second item.
• using additional containers around the labels' stacklayout will still show the broken layout, just with a different presentation (see screenshots below).

just a VerticalStackLayout:

VerticalStackLayout wrapped in a Border:

VerticalStackLayout wrapped in a Frame:

required xaml:

    <FlyoutPage.Flyout>
        <ContentPage Title="Menu">
            <ContentPage.Resources>
                <ResourceDictionary>
                    <x:Array x:Key="Items" Type="{x:Type x:String}">
                        <x:String>Item 1</x:String>
                        <x:String>Item 2</x:String>
                        <x:String>Item 3</x:String>
                        <x:String>Item 4</x:String>
                    </x:Array>
                </ResourceDictionary>
            </ContentPage.Resources>
            
            <CollectionView ItemSizingStrategy="MeasureAllItems" ItemsSource="{StaticResource Items}">
                <CollectionView.ItemTemplate>
                    <DataTemplate>
                            <VerticalStackLayout>
                                <Label
                                    FontSize="32"
                                    LineBreakMode="TailTruncation"
                                    Text="{Binding}" />
                                <Label
                                    FontSize="16"
                                    LineBreakMode="TailTruncation"
                                    Opacity="0.66"
                                    Text="subheader" />
                            </VerticalStackLayout>
                    </DataTemplate>
                </CollectionView.ItemTemplate>
            </CollectionView>
        </ContentPage>
    </FlyoutPage.Flyout>
    <FlyoutPage.Detail>
        <ContentPage>
            <ScrollView>
                <VerticalStackLayout Padding="30,0" Spacing="25">
                    <Label
                        SemanticProperties.HeadingLevel="Level1"
                        Style="{StaticResource Headline}"
                        Text="swipe from the left to open the flyout" />
                </VerticalStackLayout>
            </ScrollView>
        </ContentPage>
    </FlyoutPage.Detail>

Link to public reproduction project repository

No response

Version with bug

9.0.60 SR6

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

iOS

Affected platform versions

No response

Did you find any workaround?

The only workaround I've found so far is to add a blank item at the top of the CollectionView, which will allow for the "real" top item to be rendered properly when it is in fact the second item.

Relevant log output

[MitchBomcanhao]

speculating - it almost appears that only a few of the UI elements are getting pushed down to make up for the notch.
this creates various issues depending on your UI layout.
setting UseSafeArea to true or false makes no difference to this behaviour.

[HarishKumarSF4517]

This issue has been verified in VS Code (v1.99.3) with version (9.0.60, 9.0.50, 8.0.100).
It can be reproduced on the following platforms: iOS (both CV1 and CV2).