maui: [regression/8.0.0-preview.3.8149] Header in flyout menu makes first menu item not clickable on IOS

Description

When you have a shell flyout menu and have no Shell.FlyoutHeader then all the menu items work correctly on both ios and android.

If you add a Shell.FlyoutHeader to the flyout menu then the first flyoutmenu item on IOS is not clickable (android works fine). NOTE: If you remove the Shell.FlyoutHeader then it works fine.

In the example shell.xaml below the first flyoutmenu item named ‘Clicking Me Doesnt Work’ wont work on IOS.

<Shell
    x:Class="DEMO.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:pages="clr-namespace:DEMO.Pages"
    Shell.FlyoutBehavior="Flyout">

    <Shell.Resources>
        <ResourceDictionary>
            <Style x:Key="BaseStyle" TargetType="Element">
                <Setter Property="Shell.BackgroundColor" Value="{StaticResource Primary}" />
                <Setter Property="Shell.ForegroundColor" Value="White" />
                <Setter Property="Shell.TitleColor" Value="White" />
                <Setter Property="Shell.DisabledColor" Value="#B4FFFFFF" />
                <Setter Property="Shell.UnselectedColor" Value="{AppThemeBinding Dark=#95FFFFFF, Light=#95000000}" />
                <Setter Property="Shell.TabBarBackgroundColor" Value="{AppThemeBinding Dark={StaticResource DarkBackground}, Light={StaticResource LightBackground}}" />
                <Setter Property="Shell.TabBarForegroundColor" Value="{AppThemeBinding Dark={StaticResource LightBackground}, Light={StaticResource DarkBackground}}" />
                <Setter Property="Shell.TabBarUnselectedColor" Value="{AppThemeBinding Dark=#95FFFFFF, Light=#95000000}" />
                <Setter Property="Shell.TabBarTitleColor" Value="{AppThemeBinding Dark={StaticResource LightBackground}, Light={StaticResource DarkBackground}}" />
            </Style>
            <Style BasedOn="{StaticResource BaseStyle}" TargetType="ShellItem" ApplyToDerivedTypes="True" />
        </ResourceDictionary>
    </Shell.Resources>
    <Shell.FlyoutHeader>
        
            <Grid HorizontalOptions="Fill" VerticalOptions="Start" HeightRequest="250" InputTransparent="True">
                <Image InputTransparent="True"
                           Aspect="AspectFill"
                           Source="demoperson.jpg"/>
                     <Grid RowDefinitions="40"
                  ColumnDefinitions="*"
                  RowSpacing="8"
                  HorizontalOptions="Fill"
                VerticalOptions="FillAndExpand"
                  Padding="15"
                   >
                <VerticalStackLayout  Grid.Row="0">
                <Label Text="Demo" FontSize="60" FontAttributes="Bold" VerticalOptions="Center" HorizontalOptions="FillAndExpand" HorizontalTextAlignment="Center" TextColor="White"></Label>
                <Label  Text="Adding life to people" FontSize="20" FontAttributes="Bold" VerticalOptions="Center" HorizontalOptions="FillAndExpand" HorizontalTextAlignment="Center" TextColor="White"></Label>
                </VerticalStackLayout>
            </Grid>
          </Grid>
        
    </Shell.FlyoutHeader>
 
  
    
    <FlyoutItem Title="Clicking Me Doesnt Work"
                FlyoutIcon="{StaticResource IconBluetoothLE}">
        <ShellContent ContentTemplate="{DataTemplate pages:HomePage}"
                      Route="HomePage" >
        </ShellContent>
    </FlyoutItem>

    <FlyoutItem Title="Session"
                FlyoutIcon="{StaticResource IconHeartRate}">
        <ShellContent ContentTemplate="{DataTemplate pages:HeartRatePage}"
                      Route="HeartRatePage">
        </ShellContent>
    </FlyoutItem>

    <FlyoutItem Title="User Management" 
                FlyoutIcon="{StaticResource IconUser}">
        <ShellContent ContentTemplate="{DataTemplate pages:EndUserList}"
                      Route="EndUserList" >
        </ShellContent>
    </FlyoutItem>

    <FlyoutItem Title="Settings"
                FlyoutIcon="{StaticResource IconGears}">
        <ShellContent ContentTemplate="{DataTemplate pages:SettingsPage}"
                      Route="SettingsPage">
        </ShellContent>
    </FlyoutItem>



    <Shell.FlyoutFooter>
        <VerticalStackLayout>
            <Label Text="© DEMO 2023" FontSize="Small"  VerticalOptions="Center" HorizontalOptions="Center" HorizontalTextAlignment="Center" TextColor="Black"></Label>
        </VerticalStackLayout>
    </Shell.FlyoutFooter>
    
</Shell>

Steps to Reproduce

1. create new maui app
2. use the Appshell.xaml from above to simulate issue)
3. Run the app and on IOS the first menu item is not clickable

Link to public reproduction project repository

No response

Version with bug

8.0.0-preview.3.8149

Is this a regression from previous behavior?

Yes, this used to work in .NET MAUI

Last version that worked well

8.0.0-preview.2.7871

Affected platforms

iOS

Affected platform versions

16.6

Did you find any workaround?

https://github.com/dotnet/maui/issues/17965#issuecomment-1763354239

Relevant log output

No response