Using Tab in a FlyoutItem cuts off underlying ContentPage

[AndreasReitberger]

Description

In my AppShell I'm using a Tab child for a FlyoutItem.
However this cuts off the ContentPage which is nested in the tabs.

<!-- Dashboard -->
    <FlyoutItem
        Title="{x:Static localization:Strings.Dashboard}"
        >
        <FlyoutItem.Icon>
            <FontImageSource
                FontFamily="{StaticResource MaterialDesignIcons}"
                Glyph="{StaticResource MaterialDesign_ViewDashboardOutline}"
                Color="{DynamicResource PrimaryColor}"
                Size="{StaticResource DefaultIconSize}"
                />
        </FlyoutItem.Icon>
        <Tab
            Title="{x:Static localization:Strings.Dashboard}"
            Route="Dashboard"
            >
            <ShellContent 
                Title="{x:Static localization:Strings.Dashboard}" 
                ContentTemplate="{DataTemplate views:DashboardPage}"
                Route="DashboardPage"
                >
                <ShellContent.Icon>
                    <FontImageSource
                    FontFamily="{StaticResource MaterialDesignIcons}"
                    Glyph="{StaticResource MaterialDesign_ViewDashboardOutline}"
                    Color="{DynamicResource PrimaryColor}"
                    Size="{StaticResource DefaultIconSize}"
                    />
                </ShellContent.Icon>
            </ShellContent>
            <ShellContent 
                Title="{x:Static localization:Strings.HeadlineMacros}" 
                ContentTemplate="{DataTemplate views:QuickCommandsPage}"
                Route="QuickCommandsPage"
                >
                <ShellContent.Icon>
                    <FontImageSource
                    FontFamily="{StaticResource MaterialDesignIcons}"
                    Glyph="{StaticResource MaterialDesign_Send}"
                    Color="{DynamicResource PrimaryColor}"
                    Size="{StaticResource DefaultIconSize}"
                    />
                </ShellContent.Icon>
            </ShellContent>
        </Tab>
    </FlyoutItem>

I marked the area yellow in the screenshot below.

Steps to Reproduce

1. Create an Shell MAUI application and add a Tab child to a FlyoutItem
2. Add some content to the page
3. See the cut off on top of the page.

Version with bug

6.0.486 (current)

Last version that worked well

Unknown/Other

Affected platforms

iOS, I was not able test on other platforms

Affected platform versions

iOS 15.5

Did you find any workaround?

No response

Relevant log output

No response

[StepKie]

Seeing the same on iOS. It is fine on Android.

Duplicate of #8778 ?

[pjcollins]

I'm resolving this as a duplicate of #8778.

[samhouts]

Duplicate of #8778