fix(layout): prevent negative width/height values (#10616)

rigor789 · web-flow · commit 050601232ac4 · 2024-09-03T08:59:03.000-07:00
diff --git a/packages/core/ui/core/view/view-helper/index.ios.ts b/packages/core/ui/core/view/view-helper/index.ios.ts
@@ -261,9 +261,14 @@ export class IOSHelper {
 
 		const left = layout.toDeviceIndependentPixels(position.left + insets.left);
 		const top = layout.toDeviceIndependentPixels(position.top + insets.top);
-		const width = layout.toDeviceIndependentPixels(position.right - position.left - insets.left - insets.right);
-		const height = layout.toDeviceIndependentPixels(position.bottom - position.top - insets.top - insets.bottom);
-
+		let width = layout.toDeviceIndependentPixels(position.right - position.left - insets.left - insets.right);
+		let height = layout.toDeviceIndependentPixels(position.bottom - position.top - insets.top - insets.bottom);
+		if (width < 0) {
+			width = 0;
+		}
+		if (height < 0) {
+			height = 0;
+		}
 		return CGRectMake(left, top, width, height);
 	}
 
diff --git a/packages/core/ui/core/view/view-helper/view-helper-common.ts b/packages/core/ui/core/view/view-helper/view-helper-common.ts
@@ -82,6 +82,9 @@ export class ViewHelper {
 			default:
 				childTop = top + effectiveMarginTop;
 				childHeight = bottom - top - (effectiveMarginTop + effectiveMarginBottom);
+				if (childHeight < 0) {
+					childHeight = 0;
+				}
 				break;
 		}
 
@@ -112,6 +115,9 @@ export class ViewHelper {
 			default:
 				childLeft = left + effectiveMarginLeft;
 				childWidth = right - left - (effectiveMarginLeft + effectiveMarginRight);
+				if (childWidth < 0) {
+					childWidth = 0;
+				}
 				break;
 		}
 
