ios – Maui Blazor hybrid, issue that the footer in home.razor is not positioned right at the bottom, it floats about 100px above the bottom

In Maui Blazor hybrid, I have the issue that the footer in home.razor is not positioned right at the bottom, it floats about 100px above the bottom. After opening another app and returning to the app, it is neatly positioned at the bottom.
I have this problem only at Apple Iphone, Android and Windows works fine.

@page "/"

<h1>Hello, world 2024!</h1>

Welcome to your new app.


<div style="position:absolute;bottom:0px;width:100%; background:red;height:100px">
    Footer
</div>

After first load
After app switch

I removed all the default css and bootstrap