[Windows/Android] FlexLayout: Fix wrap misalignment due to floating-point precision

src/Controls/tests/TestCases.HostApp/Issues/Issue30957.cs

@@ -0,0 +1,126 @@
+using Microsoft.Maui.Layouts;
+
+namespace Maui.Controls.Sample.Issues
+{
+    [Issue(IssueTracker.Github, 30957, "FlexLayout Wrap Misalignment with Dynamically-Sized Buttons in .NET MAUI", PlatformAffected.All)]
+    public class Issue30957 : ContentPage
+    {
+        FlexLayout _testFlexLayout;
+        Label _statusLabel;
+        Button _toggleButton1, _toggleButton2, _toggleButton3;
+        bool _isToggled = false;
+
+        public Issue30957()
+        {
+            Title = "Issue30957";
+
+            var stackLayout = new StackLayout { Padding = new Thickness(20) };
+
+            var instructionsLabel = new Label
+            {
+                AutomationId = "Issue30957FirstLabel",
+                Text = "This reproduces FlexLayout wrapping issue with font family switching. Click 'Toggle Font' to trigger precision issues.",
+                Margin = new Thickness(0, 0, 0, 20)
+            };
+            stackLayout.Children.Add(instructionsLabel);
+
+            var toggleAllButton = new Button
+            {
+                Text = "Toggle Font Family",
+                AutomationId = "Issue30957ToggleButton",
+                BackgroundColor = Colors.LightBlue,
+                Margin = new Thickness(0, 0, 0, 10)
+            };
+            toggleAllButton.Clicked += OnToggleFontClicked;
+            stackLayout.Children.Add(toggleAllButton);
+
+            var border = new Border
+            {
+                Stroke = Colors.Black,
+                StrokeThickness = 1,
+                BackgroundColor = Colors.White,
+                HorizontalOptions = LayoutOptions.Start,
+                Padding = new Thickness(4)
+            };
+
+            _testFlexLayout = new FlexLayout
+            {
+                Wrap = FlexWrap.Wrap
+            };
+
+            _toggleButton1 = new Button
+            {
+                Text = "Button1",
+                AutomationId = "Issue30957Button1",
+                BackgroundColor = Colors.White,
+                FontFamily = "OpenSansRegular",
+                CornerRadius = 0,
+                FontSize = 16,
+                TextColor = Colors.Black
+            };
+
+            _toggleButton2 = new Button
+            {
+                Text = "Button2",
+                AutomationId = "Issue30957Button2",
+                BackgroundColor = Colors.White,
+                FontFamily = "OpenSansRegular",
+                CornerRadius = 0,
+                FontSize = 16,
+                TextColor = Colors.Black
+            };
+
+            _toggleButton3 = new Button
+            {
+                Text = "Button3",
+                AutomationId = "Issue30957Button3",
+                BackgroundColor = Colors.White,
+                FontFamily = "OpenSansRegular",
+                CornerRadius = 0,
+                FontSize = 16,
+                TextColor = Colors.Black
+            };
+
+            _testFlexLayout.Children.Add(_toggleButton1);
+            _testFlexLayout.Children.Add(_toggleButton2);
+            _testFlexLayout.Children.Add(_toggleButton3);
+
+            border.Content = _testFlexLayout;
+            stackLayout.Children.Add(border);
+
+            _statusLabel = new Label
+            {
+                AutomationId = "Issue30957StatusLabel",
+                Text = "Status: Ready to test - Click 'Toggle Font Family' to trigger precision issue",
+                Margin = new Thickness(0, 10, 0, 0),
+                TextColor = Colors.DarkGreen
+            };
+            stackLayout.Children.Add(_statusLabel);
+
+            Content = stackLayout;
+        }
+
+        void OnToggleFontClicked(object sender, EventArgs e)
+        {
+            _isToggled = !_isToggled;
+
+            string fontFamily = _isToggled ? "OpenSansSemibold" : "OpenSansRegular";
+            Color backgroundColor = _isToggled ? Colors.Black : Colors.White;
+            Color textColor = _isToggled ? Colors.White : Colors.Black;
+
+            _toggleButton1.FontFamily = fontFamily;
+            _toggleButton1.BackgroundColor = backgroundColor;
+            _toggleButton1.TextColor = textColor;
+
+            _toggleButton2.FontFamily = fontFamily;
+            _toggleButton2.BackgroundColor = backgroundColor;
+            _toggleButton2.TextColor = textColor;
+
+            _toggleButton3.FontFamily = fontFamily;
+            _toggleButton3.BackgroundColor = backgroundColor;
+            _toggleButton3.TextColor = textColor;
+
+            _statusLabel.Text = $"Status: Font toggled to {fontFamily} - This triggers precision issue that tolerance fix addresses";
+        }
+    }
+}

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

@@ -0,0 +1,52 @@
+using NUnit.Framework;
+using UITest.Appium;
+using UITest.Core;
+
+namespace Microsoft.Maui.TestCases.Tests.Issues
+{
+    public class Issue30957 : _IssuesUITest
+    {
+        public Issue30957(TestDevice testDevice) : base(testDevice)
+        {
+        }
+
+        public override string Issue => "FlexLayout Wrap Misalignment with Dynamically-Sized Buttons in .NET MAUI";
+
+        [Test]
+        [Category(UITestCategories.Layout)]
+        public void FlexLayoutWrappingWithToleranceWorksCorrectly()
+        {
+
+            App.WaitForElement("Issue30957ToggleButton");
+
+            var buttonRectsInitial = new[] {
+                App.WaitForElement("Issue30957Button1").GetRect(),
+                App.WaitForElement("Issue30957Button2").GetRect(),
+                App.WaitForElement("Issue30957Button3").GetRect()
+            };
+
+            for (int i = 0; i < buttonRectsInitial.Length - 1; i++)
+            {
+                Assert.That(buttonRectsInitial[i+1].X, Is.GreaterThan(buttonRectsInitial[i].X), $"Button{i+2} should be right of Button{i+1} (initial)");
+                Assert.That(Math.Abs(buttonRectsInitial[i].Y - buttonRectsInitial[i+1].Y), Is.LessThan(10), $"Button{i+1} and Button{i+2} should be on the same row (initial)");
+            }
+
+            App.Tap("Issue30957ToggleButton");
+
+            var buttonRectsFinal = new[] {
+                App.WaitForElement("Issue30957Button1").GetRect(),
+                App.WaitForElement("Issue30957Button2").GetRect(),
+                App.WaitForElement("Issue30957Button3").GetRect()
+            };
+
+            for (int i = 0; i < buttonRectsFinal.Length - 1; i++)
+            {
+                Assert.That(Math.Abs(buttonRectsFinal[i].Y - buttonRectsFinal[i+1].Y), Is.LessThan(10), $"Button{i+1} and Button{i+2} should remain on the same row after font change");
+                Assert.That(buttonRectsFinal[i+1].X, Is.GreaterThan(buttonRectsFinal[i].X), $"Button{i+2} should be right of Button{i+1} after font change");
+            }
+
+            var statusText = App.WaitForElement("Issue30957StatusLabel").GetText();
+            Assert.That(statusText, Does.Contain("Font toggled"), "Status label should indicate font was toggled");
+        }
+    }
+}

src/Core/src/Layouts/Flex.cs

@@ -533,10 +533,15 @@ static void layout_item(Item item, float width, float height, bool inMeasureMode
 					child.Frame[layout.frame_size_i] = basis - child.MarginThickness(layout.vertical);
 				}
 
+				float flex_tolerance = layout.flex_dim;
+#if WINDOWS
+				// Windows requires tolerance for floating-point precision issues in flex wrapping
+				flex_tolerance += 0.1f;
+#endif
 				float child_size = child.Frame[layout.frame_size_i];
 				if (layout.wrap)
 				{
-					if (layout.flex_dim < child_size)
+					if (flex_tolerance < child_size)
 					{
 						// Not enough space for this child on this line, layout the
 						// remaining items and move it to a new line.