Rendering in iOS with RadzenLayout

Radzen.Blazor Components
1

I am using Blazor Hybrid and I have disabled SafeArea in Maui. <Setter Property="ios:Page.UseSafeArea" Value="False" />

I have the following code

<RadzenLayout>
    <RadzenHeader>
        <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0">
            <RadzenLabel Text="Header"/>
        </RadzenStack>
    </RadzenHeader>
    <RadzenBody>
        <div class="rz-p-4">
            @Body
        </div>
    </RadzenBody>
    <RadzenFooter class="rz-display-md-none "   >
        <RadzenStack Orientation="Orientation.Horizontal" 
                     AlignItems="AlignItems.Stretch" Gap="1rem"
                      JustifyContent="JustifyContent.SpaceEvenly" >
            <RadzenButton  Icon="add_circle" ButtonStyle="ButtonStyle.Primary" />
            <RadzenButton  Icon="add_circle" ButtonStyle="ButtonStyle.Secondary" />
            <RadzenButton Icon="refresh" ButtonStyle="ButtonStyle.Base" />
        </RadzenStack>
    </RadzenFooter>
</RadzenLayout>

When the app loads, the footer is not on the bottom

image
image384×858 23.7 KB

The minute I pull down on the page, the footer resets to where it needs to be

pic2
pic2384×858 23.7 KB

Not sure how to fix this issue?