Fix Path Rendering Issue Inside StackLayout When Margin Is Set

src/Controls/src/Core/Shapes/Shape.cs

@@ -376,7 +376,7 @@ protected override Size MeasureOverride(double widthConstraint, double heightCon
 			var result = base.MeasureOverride(widthConstraint, heightConstraint);
 			RectF pathBounds;
 
-			if (result.Width != 0 && result.Height != 0)
+			if (result.Width != 0 && result.Height != 0 && result.Width > Margin.HorizontalThickness && result.Height > Margin.VerticalThickness)
 			{
 				return result;
 			}
@@ -391,7 +391,7 @@ protected override Size MeasureOverride(double widthConstraint, double heightCon
 			}
 			else
 			{
-			    pathBounds = this.GetPath().GetBoundsByFlattening(1);
+				pathBounds = this.GetPath().GetBoundsByFlattening(1);
 			}
 
 			SizeF boundsByFlattening = pathBounds.Size;
@@ -450,6 +450,12 @@ protected override Size MeasureOverride(double widthConstraint, double heightCon
 
 			result.Height += StrokeThickness;
 			result.Width += StrokeThickness;
+			if (this is Line or Path or Polyline)
+			{
+				result.Height += Margin.VerticalThickness;
+				result.Width += Margin.HorizontalThickness;
+			}
+
 			return result;
 		}
 

src/Controls/tests/TestCases.HostApp/Issues/Issue13801.xaml

@@ -0,0 +1,46 @@
+<?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"
+             x:Class="Maui.Controls.Sample.Issues.Issue13801">
+
+      <StackLayout VerticalOptions="Start">
+            <Label AutomationId="PathLabel"
+                   Text="Path with Margin"/>
+            <Path Stroke="Red"
+                  StrokeThickness="5"
+                  Data="M 0 0 L 100 0 L 100 100 L 0 100 Z"
+                  Margin="20"/>
+            <Path Stroke="Blue"
+                  StrokeThickness="5"
+                  Data="M 0 0 L 100 0 L 100 100 L 0 100 Z"
+                  Margin="-10"/>
+            <Label Text="Polyline with Margin"
+                   Margin="0,15,0,0"/>
+            <Polyline Stroke="Purple"
+                      StrokeThickness="5"
+                      Points="10,10 40,25 70,10 70,40 40,55 10,40 10,10"
+                      Margin="20"
+                      HorizontalOptions="Start"/>
+            <Polyline Stroke="Pink"
+                      StrokeThickness="5"
+                      Points="10,10 40,25 70,10 70,40 40,55 10,40 10,10"
+                      Margin="-10"
+                      HorizontalOptions="Start"/>
+            <Label Text="Line with Margin"
+                   Margin="0,15,0,0"/>
+            <Line Stroke="Green"
+                  StrokeThickness="5"
+                  X1="0"
+                  Y1="0"
+                  X2="100"
+                  Y2="50"
+                  Margin="20"/>
+            <Line Stroke="Orange"
+                  StrokeThickness="5"
+                  X1="0"
+                  Y1="0"
+                  X2="100"
+                  Y2="50"
+                  Margin="-10"/>
+      </StackLayout>
+</ContentPage>

src/Controls/tests/TestCases.HostApp/Issues/Issue13801.xaml.cs

@@ -0,0 +1,11 @@
+namespace Maui.Controls.Sample.Issues
+{
+	[Issue(IssueTracker.Github, 13801, "Path does not render if it has Margin", PlatformAffected.All)]
+	public partial class Issue13801 : ContentPage
+	{
+		public Issue13801()
+		{
+			InitializeComponent();
+		}
+	}
+}

src/Controls/tests/TestCases.Shared.Tests/Tests/Issues/Issue13801.cs

@@ -0,0 +1,21 @@
+using NUnit.Framework;
+using UITest.Appium;
+using UITest.Core;
+
+namespace Microsoft.Maui.TestCases.Tests.Issues
+{
+	public class Issue13801 : _IssuesUITest
+	{
+		public override string Issue => "Path does not render if it has Margin";
+
+		public Issue13801(TestDevice testDevice) : base(testDevice) { }
+
+		[Test]
+		[Category(UITestCategories.Shape)]
+		public void Issue13801VerifyPathMargin()
+		{
+			App.WaitForElement("PathLabel");
+			VerifyScreenshot();
+		}
+	}
+}