Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Using Tab in a FlyoutItem cuts off underlying ContentPage #9381

Closed
AndreasReitberger opened this issue Aug 12, 2022 · 3 comments
Closed

Using Tab in a FlyoutItem cuts off underlying ContentPage #9381

AndreasReitberger opened this issue Aug 12, 2022 · 3 comments
Labels
area-layout StackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenter platform/iOS 🍎 t/bug Something isn't working

Comments

@AndreasReitberger
Copy link

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.

image

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

@AndreasReitberger AndreasReitberger added the t/bug Something isn't working label Aug 12, 2022
@AndreasReitberger AndreasReitberger changed the title Using Tab in a FlyoutItem cuts of underling ContentPage Using Tab in a FlyoutItem cuts off underling ContentPage Aug 12, 2022
@AndreasReitberger AndreasReitberger changed the title Using Tab in a FlyoutItem cuts off underling ContentPage Using Tab in a FlyoutItem cuts off underlying ContentPage Aug 12, 2022
@Eilon Eilon added the area-layout StackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenter label Nov 10, 2022
@StepKie
Copy link

StepKie commented Feb 7, 2023

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

Duplicate of #8778 ?

@pjcollins
Copy link
Member

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

@pjcollins pjcollins closed this as not planned Won't fix, can't repro, duplicate, stale Aug 14, 2023
@samhouts
Copy link
Member

Duplicate of #8778

@samhouts samhouts marked this as a duplicate of #8778 Aug 16, 2023
@ghost ghost locked as resolved and limited conversation to collaborators Sep 15, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
area-layout StackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenter platform/iOS 🍎 t/bug Something isn't working
Projects
None yet
Development

No branches or pull requests

5 participants