Grid.Margin with SafeAreaInsets.Top on iOS does not align content correctly under the status bar

[RiyashameedM]

Description

When applying the top margin based on SafeAreaInsets.Top, a visible gap remains between the grid and the status bar (as shown in the attached screenshot). The yellow Grid background does not fully extend to the top under the status bar area.

Steps to Reproduce

1.Run the attached sample.
2.Tap on set Margin.

Sample link - SimpleSample 3 1.zip

Expected Behavior : The Grid should align properly below the status bar without a visual gap. The background color should begin immediately after the safe area.

Observed behavior	Expected output
visible gap between grid and the status bar

Link to public reproduction project repository

No response

Version with bug

10.0.0-preview.5

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

iOS

Affected platform versions

iOS 16 version 18.0

Did you find any workaround?

No

Relevant log output

[anandhan-rajagopal]

This issue has been verified in Visual Studio Code 1.100.3 with .NET MAUI versions 8.0.100, 9.0.0, 9.0.71 & 10.0.0-preview.5. It can be replicated on iPhone 16 running iOS versions 18.0 & 18.5, but does not occur on other iOS models such as the iPhone XS and iPhone SE.

[mattleibow]

I think Margin affectsI see this is all bypassing MAUI, regardless. On an iPhone 16, the status bar frame is 54px tall, but the inset is 59 at the top. These are the raw values from the OS using iOS code.

The same can be achieved using the IgnoreSafeAreas property on the grid and the content will start at a position just away from the red box.

This is actually a duplicate of an old forms issue: xamarin/Xamarin.Forms#15584

The numbers are not the same and do not appear to be meant to used in this manner.

You can try update your code in the app delegate:

if (UIDevice.CurrentDevice.CheckSystemVersion(13, 0))
{
    var frame = UIApplication.SharedApplication.StatusBarFrame;
    var win = IPlatformApplication.Current.Application.Windows.FirstOrDefault();
    var uiwin = win?.Handler?.PlatformView as UIWindow;
    var safeTop = uiwin?.SafeAreaInsets.Top ?? 0;
    var statusBar = new UIView(new CGRect(frame.X, frame.Y, frame.Width, safeTop))
    {
        BackgroundColor = UIColor.Red, // Change this to any UIColor you want
    };
    uiwin?.AddSubview(statusBar);
}

[dotnet-policy-service]

Hi @@RiyashameedM. We have added the "s/needs-info" label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.

[mattleibow]

We are actually discussing safe areas right now if you want to comment: #28986

[dotnet-policy-service]

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. If it is closed, feel free to comment when you are able to provide the additional information and we will re-investigate.