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

[iOS]Additional space between FlyoutHeader and FlyoutItem in Shell page #12329

Closed
GnanaPriyaNamasivayam opened this issue Dec 29, 2022 · 1 comment
Labels
platform/iOS 🍎 t/bug Something isn't working

Comments

@GnanaPriyaNamasivayam
Copy link

GnanaPriyaNamasivayam commented Dec 29, 2022

Description

Only in android, an empty row is occurring inside the flyover layout between the header and the item.

It does not occur when there is no header.

sample to reproduce: https://github.com/dotnet/maui-samples/tree/main/7.0/Fundamentals/Tooltips

Replace the below code in the shell page or follow the same layout to replicate the issue:

<?xml version="1.0" encoding="UTF-8" ?>
<Shell
    x:Class="ShellFlyoutSample.AppShell"
    xmlns="[http://schemas.microsoft.com/dotnet/2021/maui"](http://schemas.microsoft.com/dotnet/2021/maui%22)
    xmlns:x="[http://schemas.microsoft.com/winfx/2009/xaml"](http://schemas.microsoft.com/winfx/2009/xaml%22)
    xmlns:local="clr-namespace:ShellFlyoutSample"
    Shell.FlyoutBehavior="Flyout">
<Shell.FlyoutHeader>
<Grid
            BackgroundColor="AliceBlue"
            HorizontalOptions="FillAndExpand"
            VerticalOptions="FillAndExpand">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="30" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="50" />
<RowDefinition Height="70" />
<RowDefinition Height="50" />
</Grid.RowDefinitions>
<Image
                Grid.Row="1"
                Grid.Column="1"
                HeightRequest="60"
                HorizontalOptions="Start"
                Source="{StaticResource IconOne}"
                VerticalOptions="End"
                WidthRequest="80" />
<Grid
                Grid.Row="1"
                Grid.Column="2"
                Grid.ColumnSpan="3"

                RowSpacing="3"
                VerticalOptions="CenterAndExpand">
<Grid.RowDefinitions>
<RowDefinition Height="40" />
<RowDefinition Height="40" />
</Grid.RowDefinitions>
<Label
                    Grid.Row="0"

                    HorizontalTextAlignment="Start"
                    LineBreakMode="WordWrap"
                    Text="Username"
                    TextColor="White"
                    VerticalTextAlignment="Center" />
<Label
                    Grid.Row="1"

                    HorizontalTextAlignment="Start"
                    Text="email@gmail.com"
                    TextColor="White"
                    VerticalTextAlignment="Center" />
</Grid>
</Grid>
</Shell.FlyoutHeader>

 

    <FlyoutItem
        Title="Menu"
        FlyoutDisplayOptions="AsMultipleItems"
        FlyoutIcon="{StaticResource IconOne}">
<Tab
            Title="Home"
            Icon="{StaticResource IconOne}"
            Route="home">
<ShellContent ContentTemplate="{DataTemplate local:MainPage}" />
</Tab>
<Tab
            Title="Settings"
            Icon="{StaticResource IconOne}"
            Route="settings">
<ShellContent ContentTemplate="{DataTemplate local:MainPage}" />
</Tab>
</FlyoutItem>
    <FlyoutItem Title="One" FlyoutIcon="{StaticResource IconOne}">
<ShellContent
            Title="One"
            ContentTemplate="{DataTemplate local:MainPage}"
            Route="OnePage" />
</FlyoutItem>
<FlyoutItem Title="Two" FlyoutIcon="{StaticResource IconTwo}">
<ShellContent
            Title="Two"
            ContentTemplate="{DataTemplate local:MainPage}"
            Route="TwoPage" />
</FlyoutItem>
<FlyoutItem Title="Three" FlyoutIcon="{StaticResource IconThree}">
<ShellContent
            Title="Three"
            ContentTemplate="{DataTemplate local:MainPage}"
            Route="ThreePage" />
</FlyoutItem>
<FlyoutItem Title="Four" FlyoutIcon="{StaticResource IconFour}">
<ShellContent
            Title="Four"
            ContentTemplate="{DataTemplate local:MainPage}"
            Route="FourPage" />
</FlyoutItem>
</Shell>

Steps to Reproduce

  1. Open the sample in link (VS 2022)
  2. Replace the shell code in appshell.xaml
  3. Run in iOS
  4. You will abel to see additional space in flyover
    MicrosoftTeams-image

Link to public reproduction project repository

https://github.com/dotnet/maui-samples/tree/main/7.0/Fundamentals/Tooltips

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

iOS

Affected platform versions

iOS 15

Did you find any workaround?

No

Relevant log output

No response

@GnanaPriyaNamasivayam GnanaPriyaNamasivayam added the t/bug Something isn't working label Dec 29, 2022
@AndreasReitberger
Copy link

Duplicate of #11679

@ghost ghost locked as resolved and limited conversation to collaborators Feb 4, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
platform/iOS 🍎 t/bug Something isn't working
Projects
None yet
Development

No branches or pull requests

4 participants