.NET MAUI doesn't fullfill entire screen on iOS 18, but is fine on Windows/Android/IOS 16

Question

.NET MAUI doesn't fullfill entire screen on iOS 18, but is fine on Windows/Android/IOS 16

Wheelstring 270

Hello

.NET MAUI doesn't fill entire screen on iOS 18 (see picture of real mobile behaviour) you can recognize MAUI rectange area (background color of Webkit webview controll is full filled on the screen, but all XAMLs like AbsoluteLayout StackLayouts... not) IOS 16 works fine...

Page.UseSafeArea

we tried setup this:

using Microsoft.Maui.Controls.PlatformConfiguration;
using Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;

On<iOS>().SetUseSafeArea(false);

but no effect :-(

Do you have any idea for full screen UI behaviour?

Thanks for help

nice day

Wheelstring

Wheelstring 270

also we tried without effects

<ContentPage ...
             xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls"
             ios:Page.UseSafeArea="False">
    <StackLayout>

Michael Le (WICLOUD CORPORATION) 11,325 Reputation points Microsoft External Staff Moderator

2025-09-01T09:22:50.8133333+00:00
Hello,

Sorry for the late response.

I assumed you are using .NET 9. In that case, the property you were using, Page.UseSafeArea="False", is an older, legacy property and has been deprecated. The same with On<iOS>().SetUseSafeArea(false).

You should try to use the new property SafeAreaEdges, for example:

<ContentPage ... xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls" SafeAreaEdges="None"> <StackLayout> </StackLayout> </ContentPage>

If using SafeAreaEdges does not solve your issue, you could create a new issue on the .NET MAUI GitHub repository, providing a small reproducible sample project so the development team can investigate further.

I hope this helps.
Starry Night 625 Reputation points

2025-09-01T15:07:45.06+00:00
You can try to set the height and width of root element be same as the screen's height and width.

root.HeightRequest = DeviceDisplay.Current.MainDisplayInfo.Height; root.WidthRequest = DeviceDisplay.Current.MainDisplayInfo.Width;
Wheelstring 270 Reputation points

2025-09-02T13:07:04.97+00:00
Hello Starry

yes, I have it set up for webview (OK maybe problem is what is "root" element, webview is inside grid...) and I use code with density, it seems (hope) works fine:

w = (int)(DeviceDisplay.MainDisplayInfo.Width / DeviceDisplay.MainDisplayInfo.Density); h = (int)(DeviceDisplay.MainDisplayInfo.Height / DeviceDisplay.MainDisplayInfo.Density); Webview1.WidthRequest = w; Webview1.HeightRequest = h;

W
Wheelstring 270 Reputation points

2025-09-02T13:13:12.02+00:00

Hello Michael

thanks for answer, we use .NET8 (so maybe this is also problem) so according your hint, we will convert iOS project to .NET 9 (also Android compilation was converted to .NET 9) and will try SafeAreaEdges

Take me some week I will inform you about result

thanks for hint(s)

thanks and best regards

WheelString
Starry Night 625 Reputation points

2025-09-02T14:32:01.63+00:00

Have you resolved the problem? Congrats. :)
Wheelstring 270 Reputation points

2025-09-02T15:34:12.3033333+00:00

Hello Starry

still not, see post from Michael, and my comment, we are working on new release with yours hints..

best regards

W
Michael Le (WICLOUD CORPORATION) 11,325 Reputation points Microsoft External Staff Moderator

2025-09-03T02:08:09.86+00:00

Thank you for your feedback. Just let me know if you need any helps.
Wheelstring 270 Reputation points

2025-09-12T11:54:12.5466667+00:00
Hello Michael

we tried this code without success:

On<iOS>().SetUseSafeArea(false);

and also I tried convert whole project from .NET 8 to .NET9 and try use SafeAreaEdges:

<ContentPage ... xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls" SafeAreaEdges="None">

but with compile error:

No property, BindableProperty, or event found for "SafeAreaEdges", or mismatching type between value and property.

I don't know ...

best regards, all the best

Wheelstring
Michael Le (WICLOUD CORPORATION) 11,325 Reputation points Microsoft External Staff Moderator

2025-09-15T03:07:10.7833333+00:00
Hello,

I'm sorry for recommending SafeAreaEdges since this API is only available in .NET MAUI 10. The previous APIs ios:Page.UseSafeArea="True" and On<iOS>().SetUseSafeArea(true) are still valid options for .NET 9.

However, if both of them don't work, there isn't much we can do here besides trying to handle it natively with a custom renderer or handler. But I wouldn't recommend that since it would be a lot of work.

yes, I have it set up for webview (OK maybe problem is what is "root" element, webview is inside grid...) and I use code with density, it seems (hope) works fine

Instead of applying settings to the WebView, you could try setting them on the root element of the page like Starry has recommended, like a Grid or StackLayout.

w = (int)(DeviceDisplay.MainDisplayInfo.Width / DeviceDisplay.MainDisplayInfo.Density); h = (int)(DeviceDisplay.MainDisplayInfo.Height / DeviceDisplay.MainDisplayInfo.Density); YourMainGrid.WidthRequest = w; YourMainGrid.HeightRequest = h; // Try adjusting Margin and Padding to see if it helps YourMainGrid.Margin = new Thickness(0, -47, 0, -34); YourMainGrid.Padding = new Thickness(0, -47, 0, -34);

For now, it would be best to create an issue and wait for a fix from the .NET MAUI team. They have been actively fixing iOS issues lately, so hopefully this will be resolved soon.

Again, I'm sorry for the misinformation earlier.

Thank you for understanding.

Wheelstring 270

Hello Michael

all right about "misinformation" don't worry each information is welcome, maybe I had to send specific XAML so here is actual "problematic" version:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             ...
             xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls"
             >
    <AbsoluteLayout>
        <StackLayout x:Name="MainStack"
            Padding="0"
            Margin="0">
            <Grid IgnoreSafeArea="True" x:Name="MyGrid" Margin="0" Padding="0" ColumnSpacing="0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <Border Grid.Column="0" Grid.Row="0" Padding="0" Margin="0">
                    <WebView x:Name="Webview1"></WebView>
                </Border>
            </Grid>
        </StackLayout>

	    <StackLayout>..</StackLayout>
	    <StackLayout>..</StackLayout>
	    <StackLayout>..</StackLayout>

    </AbsoluteLayout>
</ContentPage>

I need layout like "layers" therefore I use AbsoluteLayout tag and next more StackLayouts.. I am not strong in XAML maybe here is a problem, who knows... so I think is very early for opening some "bug request"

Finaly I set width and height to the Webview:

protected override void OnAppearing()
{
w = (int)(DeviceDisplay.MainDisplayInfo.Width / DeviceDisplay.MainDisplayInfo.Density);
h = (int)(DeviceDisplay.MainDisplayInfo.Height / DeviceDisplay.MainDisplayInfo.Density);

Webview1.WidthRequest = w;
Webview1.HeightRequest = h;
}

Webview (Webview1) is simplified, cause we use our handlers for each platform: (Android Webkit, Windows - webview2, iOS - WKWebView, etc)

I can also try your hint about margin and padding.

I will try someting, change "root" etc.., we will see..

thanks and best regards, no worries

Wheelstring

Michael Le (WICLOUD CORPORATION) 11,325 Reputation points Microsoft External Staff Moderator

2025-09-22T09:57:49.2266667+00:00

Thank you for your feedback. Feel free to reach out if you have any problems.

4 answers

Your answer

Wheelstring 270 Reputation points

2025-05-22T08:59:25.7633333+00:00

also we tried without effects

<ContentPage ... xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls" ios:Page.UseSafeArea="False"> <StackLayout>
Michael Le (WICLOUD CORPORATION) 11,325 Reputation points Microsoft External Staff Moderator

2025-09-01T09:22:50.8133333+00:00

Hello,

Sorry for the late response.

I assumed you are using .NET 9. In that case, the property you were using, Page.UseSafeArea="False", is an older, legacy property and has been deprecated. The same with On<iOS>().SetUseSafeArea(false).

You should try to use the new property SafeAreaEdges, for example:

<ContentPage ... xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls" SafeAreaEdges="None"> <StackLayout> </StackLayout> </ContentPage>

If using SafeAreaEdges does not solve your issue, you could create a new issue on the .NET MAUI GitHub repository, providing a small reproducible sample project so the development team can investigate further.

I hope this helps.
Starry Night 625 Reputation points

2025-09-01T15:07:45.06+00:00

You can try to set the height and width of root element be same as the screen's height and width.

root.HeightRequest = DeviceDisplay.Current.MainDisplayInfo.Height; root.WidthRequest = DeviceDisplay.Current.MainDisplayInfo.Width;
Wheelstring 270 Reputation points

2025-09-02T13:07:04.97+00:00

Hello Starry

yes, I have it set up for webview (OK maybe problem is what is "root" element, webview is inside grid...) and I use code with density, it seems (hope) works fine:

w = (int)(DeviceDisplay.MainDisplayInfo.Width / DeviceDisplay.MainDisplayInfo.Density); h = (int)(DeviceDisplay.MainDisplayInfo.Height / DeviceDisplay.MainDisplayInfo.Density); Webview1.WidthRequest = w; Webview1.HeightRequest = h;

W
Wheelstring 270 Reputation points

2025-09-02T13:13:12.02+00:00

Hello Michael

thanks for answer, we use .NET8 (so maybe this is also problem) so according your hint, we will convert iOS project to .NET 9 (also Android compilation was converted to .NET 9) and will try SafeAreaEdges

Take me some week I will inform you about result

thanks for hint(s)

thanks and best regards

WheelString
Starry Night 625 Reputation points

2025-09-02T14:32:01.63+00:00

Have you resolved the problem? Congrats. :)
Wheelstring 270 Reputation points

2025-09-02T15:34:12.3033333+00:00

Hello Starry

still not, see post from Michael, and my comment, we are working on new release with yours hints..

best regards

W
Michael Le (WICLOUD CORPORATION) 11,325 Reputation points Microsoft External Staff Moderator

2025-09-03T02:08:09.86+00:00

Thank you for your feedback. Just let me know if you need any helps.
Wheelstring 270 Reputation points

2025-09-12T11:54:12.5466667+00:00

Hello Michael

we tried this code without success:

On<iOS>().SetUseSafeArea(false);

and also I tried convert whole project from .NET 8 to .NET9 and try use SafeAreaEdges:

<ContentPage ... xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls" SafeAreaEdges="None">

but with compile error:

No property, BindableProperty, or event found for "SafeAreaEdges", or mismatching type between value and property.

I don't know ...

best regards, all the best

Wheelstring
Michael Le (WICLOUD CORPORATION) 11,325 Reputation points Microsoft External Staff Moderator

2025-09-15T03:07:10.7833333+00:00

Hello,

I'm sorry for recommending SafeAreaEdges since this API is only available in .NET MAUI 10. The previous APIs ios:Page.UseSafeArea="True" and On<iOS>().SetUseSafeArea(true) are still valid options for .NET 9.

However, if both of them don't work, there isn't much we can do here besides trying to handle it natively with a custom renderer or handler. But I wouldn't recommend that since it would be a lot of work.

yes, I have it set up for webview (OK maybe problem is what is "root" element, webview is inside grid...) and I use code with density, it seems (hope) works fine

Instead of applying settings to the WebView, you could try setting them on the root element of the page like Starry has recommended, like a Grid or StackLayout.

w = (int)(DeviceDisplay.MainDisplayInfo.Width / DeviceDisplay.MainDisplayInfo.Density); h = (int)(DeviceDisplay.MainDisplayInfo.Height / DeviceDisplay.MainDisplayInfo.Density); YourMainGrid.WidthRequest = w; YourMainGrid.HeightRequest = h; // Try adjusting Margin and Padding to see if it helps YourMainGrid.Margin = new Thickness(0, -47, 0, -34); YourMainGrid.Padding = new Thickness(0, -47, 0, -34);

For now, it would be best to create an issue and wait for a fix from the .NET MAUI team. They have been actively fixing iOS issues lately, so hopefully this will be resolved soon.

Again, I'm sorry for the misinformation earlier.

Thank you for understanding.
Wheelstring 270 Reputation points

2025-09-16T10:56:09.9266667+00:00

Hello Michael

all right about "misinformation" don't worry each information is welcome, maybe I had to send specific XAML so here is actual "problematic" version:

<?xml version="1.0" encoding="utf-8" ?> <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" ... xmlns:ios="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.iOSSpecific;assembly=Microsoft.Maui.Controls" > <AbsoluteLayout> <StackLayout x:Name="MainStack" Padding="0" Margin="0"> <Grid IgnoreSafeArea="True" x:Name="MyGrid" Margin="0" Padding="0" ColumnSpacing="0"> <Grid.RowDefinitions> <RowDefinition Height="*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"></ColumnDefinition> </Grid.ColumnDefinitions> <Border Grid.Column="0" Grid.Row="0" Padding="0" Margin="0"> <WebView x:Name="Webview1"></WebView> </Border> </Grid> </StackLayout> <StackLayout>..</StackLayout> <StackLayout>..</StackLayout> <StackLayout>..</StackLayout> </AbsoluteLayout> </ContentPage>

I need layout like "layers" therefore I use AbsoluteLayout tag and next more StackLayouts.. I am not strong in XAML maybe here is a problem, who knows... so I think is very early for opening some "bug request"

Finaly I set width and height to the Webview:

protected override void OnAppearing() { w = (int)(DeviceDisplay.MainDisplayInfo.Width / DeviceDisplay.MainDisplayInfo.Density); h = (int)(DeviceDisplay.MainDisplayInfo.Height / DeviceDisplay.MainDisplayInfo.Density); Webview1.WidthRequest = w; Webview1.HeightRequest = h; }

Webview (Webview1) is simplified, cause we use our handlers for each platform: (Android Webkit, Windows - webview2, iOS - WKWebView, etc)

I can also try your hint about margin and padding.

I will try someting, change "root" etc.., we will see..

thanks and best regards, no worries

Wheelstring
Michael Le (WICLOUD CORPORATION) 11,325 Reputation points Microsoft External Staff Moderator

2025-09-22T09:57:49.2266667+00:00

Thank you for your feedback. Feel free to reach out if you have any problems.

Answer 1

Hello everyone,

It seems like this issue has been receiving quite a bit of attention recently.

Since the release of MAUI 10, there have been several changes to how iOS rendering works. For more details, you can review the changes here: What's new in .NET MAUI for .NET 10

In this case, I recommend upgrading to the latest version of MAUI and testing the new API for safe area handling.

If anyone else encounters similar issues, it would be helpful to provide a minimal reproducible example to make diagnosis easier.

Finally, the best course of action is to submit this issue to the official MAUI GitHub repository so that the maintainers can investigate further.

Thank you all for your time.

Answer 2

PengAzure 0

I am on .net 10 MAUI with the latest Microsoft.Maui.Media.mediapicker as of today (Feb. 12, 2026) on iOS device.

When using capturevideoasync to take videos, the video recorder is NOT full screen. I have set the

SafeAreaEdges="None", and in MediaPickerOptions

            set    MaximumWidth= int.Parse(DeviceDisplay.Current.MainDisplayInfo.Width.ToString())

Still the video recorded is NOT fullscreen, even using the native video player on iPhone, the video shows blank edges on both sides.

Can you please investigate?

Michael Le (WICLOUD CORPORATION) 11,325 Reputation points Microsoft External Staff Moderator

2026-02-13T03:10:27.93+00:00

Hello @PengAzure , I suggest creating a new thread so we can focus on your issue. Thank you.

Answer 3

HARDCORE GAMES™ 190

iOS 26 has increased the API somewhat and I suggest studying that as iPhone 11 and above support iOS 26.

0 comments

Answer 4

Mikail 0

I have an app I have a maui app and the methods described above do not work. The app is new on the latest version .net maui and api 36 for android 16. The main page is one and it opens to the entire display, but other pages in tabs that are at the top do not open to the full screen. Shell won't allow it. The problem is that I can't control the color of the StatusBar above.

PengAzure 0 Reputation points

2026-02-12T19:19:03.47+00:00

I am using the .net 10 MAUI and later mediapicker, the video can not be recorded as full screen on iOS (>26) devices (iphone and iPad). Videos recorded by capturevideoasync always have margins are both size. Tried setsafearea ="None" doesn't help.

Share via

.NET MAUI doesn't fullfill entire screen on iOS 18, but is fine on Windows/Android/IOS 16

4 answers

Your answer