Additional Margin space on iOS

[raymond-dillon]

🐛 Bug Report

Extra Margin at Bottom of screen.

Expected behavior

With the layout provided with larger volumes of text there is little margin at the bottom of the popup.

Reproduction steps

Add the below code to a popup

<Grid 
        BackgroundColor="#e0e0e0"
        Margin="20"
        InputTransparent="true"
        VerticalOptions="Center">

        <Frame BorderColor="Black"  IsClippedToBounds="True" HasShadow="False" BackgroundColor="White">

            <Grid
            Padding="10"
            RowSpacing="10"

            BackgroundColor="White"
            ColumnSpacing="10">
            <Grid.ColumnDefinitions>
                <ColumnDefinition
                    Width="Auto" />
                <ColumnDefinition
                    Width="Auto" />
                <ColumnDefinition
                    Width="Auto" />

</Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition Height="Auto"></RowDefinition>
                <RowDefinition Height="Auto"></RowDefinition>
            </Grid.RowDefinitions>

            <!-- CONTENT -->
            <Image
                Margin="0"
                Source="{ Binding ImgSource, Source={x:Reference Root} }"
                HorizontalOptions="Start"
                VerticalOptions="Start"
                Aspect="AspectFit"
                HeightRequest="50"
                WidthRequest="50"
                Grid.Row="0"
                Grid.RowSpan="2"

                />

            <Label
                Grid.Column="1"

                HorizontalOptions="Start"
                Grid.Row="0"
                Text="{ Binding MessageType, Source={x:Reference Root} }"
                FontSize="14"
                FontAttributes="Bold"

                TextColor="#425563"/>

            <Label
                Grid.Column="1"

                HorizontalOptions="Start"
                Grid.Row="1"
                Text="{ Binding MessageDateTime, Source={x:Reference Root} }"
                FontSize="14"
                FontAttributes="Bold"

                TextColor="#425563"/>

                <Label
                Grid.Column="0"
                Grid.ColumnSpan="3"
                HorizontalOptions="StartAndExpand"
                Grid.Row="2"
                x:Name="lblMessage"
                Text="{ Binding Message, Source={x:Reference Root} }"
                FontSize="Small"
               />

        </Grid>

        </Frame>
    </Grid>

Configuration

Version: 2.1

Platform:

• [X ] :iphone: iOS

On Android this works fine and the text has the correct amount of margin at the edge of the popup. On iOS this is also fine for small amounts of text - but the more text you add the wider the margin becomes.

Margin with a lot of text.

Margin with little text.