Update styles.ts: add support to top,left,bottom and right

This add support for absolute positionning with top,left,bottom and right
vadimdemedes · Jan 23, 2025 · c90810a · c90810a
1 parent 57a4b21
commit c90810a
Showing 1 changed file with 18 additions and 8 deletions.
diff --git a/src/styles.ts b/src/styles.ts
@@ -304,14 +304,24 @@ export type Styles = {
 	readonly overflowY?: 'visible' | 'hidden';
 };
 
-const applyPositionStyles = (node: YogaNode, style: Styles): void => {
-	if ('position' in style) {
-		node.setPositionType(
-			style.position === 'absolute'
-				? Yoga.POSITION_TYPE_ABSOLUTE
-				: Yoga.POSITION_TYPE_RELATIVE,
-		);
-	}
+const applyPositionStyles = (node, style) => {
+    if ('position' in style) {
+        node.setPositionType(style.position === 'absolute'
+            ? Yoga.POSITION_TYPE_ABSOLUTE
+            : Yoga.POSITION_TYPE_RELATIVE);
+        }
+    if ('top' in style) {
+        node.setPosition(Yoga.EDGE_TOP, style.top ?? 0);
+    }
+    if ('left' in style) {
+        node.setPosition(Yoga.EDGE_LEFT, style.left ?? 0);
+    }
+    if ('bottom' in style) {
+        node.setPosition(Yoga.EDGE_BOTTOM, style.bottom ?? 0);
+    }
+    if ('right' in style) {
+        node.setPosition(Yoga.EDGE_RIGHT, style.right ?? 0);
+    }
 };
 
 const applyMarginStyles = (node: YogaNode, style: Styles): void => {