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 ] 📱 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.