[NET10.0] Change ContentPage SafeAreaEdges default to None for consistent edge-to-edge behavior (#31926)

* Initial plan

* Change SafeAreaEdges defaults to None for consistent edge-to-edge behavior

Co-authored-by: PureWeen <5375137+PureWeen@users.noreply.github.com>

* Add test for platform-specific UseSafeArea API and fix Layout default

Co-authored-by: PureWeen <5375137+PureWeen@users.noreply.github.com>

* Simplify changes per feedback - only change Android default to None

Co-authored-by: PureWeen <5375137+PureWeen@users.noreply.github.com>

* Remove Layout and ScrollView changes per feedback - keep only ContentPage changes

Co-authored-by: PureWeen <5375137+PureWeen@users.noreply.github.com>

* Adjust safe area insets calculation to account for view margins, ensuring additive offsets

* Refactor SafeAreaExtensions to improve margin handling and simplify view dimension checks

* - fix tests

* - additional fixes

* - set default contentpage to container for android consistency

* - fix

* - fix iOS screen shot offset for consistency

* - set to container

* - updates tests and screen shots for consistency

* - fix screenshots

* - fix images

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: PureWeen <5375137+PureWeen@users.noreply.github.com>
Co-authored-by: Shane Neuville <shneuvil@microsoft.com>

Author: Copilot

src/Controls/src/Core/ContentPage/ContentPage.cs

@@ -181,7 +181,7 @@ SafeAreaRegions ISafeAreaView2.GetSafeAreaRegionsForEdge(int edge)
 			}
 
 
-			#if IOS || MACCATALYST
+#if IOS || MACCATALYST
 
 			// Developer hasn't set SafeAreaEdges, fall back to legacy IgnoreSafeArea behavior
 			var ignoreSafeArea = ((ISafeAreaView)this).IgnoreSafeArea;
@@ -194,12 +194,12 @@ SafeAreaRegions ISafeAreaView2.GetSafeAreaRegionsForEdge(int edge)
 				return SafeAreaRegions.Container; // If legacy says "don't ignore", return Container
 			}
 
-			#else
-			
-			// By default on android it was never edge to edge so we set this to container by default
-			return SafeAreaRegions.Container;
+#else
 
-			#endif
+			// Default to None (edge-to-edge) for consistent behavior across all platforms
+			return SafeAreaRegions.None;
+
+#endif
 		}
 
 		SafeAreaEdges ISafeAreaElement.SafeAreaEdgesDefaultValueCreator()

src/Controls/tests/Core.UnitTests/SafeAreaTests.cs

@@ -272,16 +272,16 @@ public void ContentView_GetSafeAreaRegionsForEdge_DefaultsToNoneWhenNoPropertySe
 		[Fact]
 		public void Page_GetSafeAreaRegionsForEdge_DefaultsToNoneForContentPage()
 		{
-			var page = new ContentPage(); // ContentPage defaults to SafeAreaRegions.None on iOS (IgnoreSafeArea = true)
+			var page = new ContentPage(); // ContentPage defaults to SafeAreaRegions.None (edge-to-edge)
 
-			// ContentPage has special logic - defaults to SafeAreaRegions.None (edge-to-edge) on iOS
+			// ContentPage default is now None (edge-to-edge) for consistency across platforms
 			var safeAreaView2 = (ISafeAreaView2)page;
 
-			// only iOS defaults to "None" for ContentPage so we are just validating that the default is container
-			Assert.Equal(SafeAreaRegions.Container, safeAreaView2.GetSafeAreaRegionsForEdge(0));
-			Assert.Equal(SafeAreaRegions.Container, safeAreaView2.GetSafeAreaRegionsForEdge(1));
-			Assert.Equal(SafeAreaRegions.Container, safeAreaView2.GetSafeAreaRegionsForEdge(2));
-			Assert.Equal(SafeAreaRegions.Container, safeAreaView2.GetSafeAreaRegionsForEdge(3));
+			// Default is now "None" for all edges when user hasn't set anything
+			Assert.Equal(SafeAreaRegions.None, safeAreaView2.GetSafeAreaRegionsForEdge(0));
+			Assert.Equal(SafeAreaRegions.None, safeAreaView2.GetSafeAreaRegionsForEdge(1));
+			Assert.Equal(SafeAreaRegions.None, safeAreaView2.GetSafeAreaRegionsForEdge(2));
+			Assert.Equal(SafeAreaRegions.None, safeAreaView2.GetSafeAreaRegionsForEdge(3));
 		}
 
 		// Tests based on existing iOS safe area usage patterns

src/Controls/tests/TestCases.Android.Tests/snapshots/android/ButtonsLayoutResolveWhenParentSizeChangesOriginal.png

@@ -4,7 +4,8 @@
              xmlns:local="clr-namespace:Maui.Controls.Sample"
              x:DataType="local:BorderViewModel"
              x:Class="Maui.Controls.Sample.BorderControlMainPage"
-             Title="ControlsPage">
+             Title="ControlsPage"
+             SafeAreaEdges="Container">
     <ContentPage.ToolbarItems>
         <ToolbarItem Text="Options"
                      Clicked="NavigateToOptionsPage_Clicked"

src/Controls/tests/TestCases.Android.Tests/snapshots/android/CarouselViewItemShouldScaleProperly.png

@@ -1,6 +1,7 @@
 <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:local="clr-namespace:Maui.Controls.Sample"
+             SafeAreaEdges="Container"
              x:Class="Maui.Controls.Sample.CarouselViewControlPage"
              Title="CarouselViewControlPage">
 

src/Controls/tests/TestCases.Android.Tests/snapshots/android/Stepper_ChangeFlowDirection_RTL_VerifyVisualState.png

@@ -3,6 +3,7 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:local="clr-namespace:Maui.Controls.Sample"
              x:Class="Maui.Controls.Sample.CollectionViewHeaderPage"
+             SafeAreaEdges="Container"
              Title="CollectionViewFeature">
     <ContentPage.ToolbarItems>
         <ToolbarItem Text="Options"

src/Controls/tests/TestCases.HostApp/FeatureMatrix/Border/BorderControlsPage.xaml

@@ -18,6 +18,7 @@ public partial class ContentPageControlMainPage : ContentPage
 	public ContentPageControlMainPage(ContentPageViewModel viewModel)
 	{
 		InitializeComponent();
+		SafeAreaEdges = new SafeAreaEdges(SafeAreaRegions.Container);
 		_viewModel = viewModel;
 		BindingContext = _viewModel;
 	}

src/Controls/tests/TestCases.HostApp/FeatureMatrix/CarouselView/CarouselViewControlPage.xaml

@@ -2,6 +2,7 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              xmlns:local="clr-namespace:Maui.Controls.Sample"
              x:DataType="local:EntryViewModel"
+             SafeAreaEdges="Container"
              x:Class="Maui.Controls.Sample.EntryControlMainPage">
        <VerticalStackLayout Padding="20"
                             Spacing="8">