Fix #196

Author: bernaferrari

packages/backend/src/code.ts

@@ -13,7 +13,10 @@ import { convertToCode } from "./common/retrieveUI/convertToCode";
 import { generateHTMLPreview } from "./html/htmlMain";
 import { variableToColorName } from "./tailwind/conversionTables";
 import { oldConvertNodesToAltNodes } from "./altNodes/oldAltConversion";
-import { convertNodesToAltNodes, convertNodeToAltNode } from "./altNodes/altConversion";
+import {
+  convertNodesToAltNodes,
+  convertNodeToAltNode,
+} from "./altNodes/altConversion";
 
 // Performance tracking counters
 let getNodeByIdAsyncTime = 0;
@@ -348,7 +351,7 @@ const processNodePair = async (
     }
 
     if (
-      jsonNode.layoutMode !== "NONE" &&
+      jsonNode.layoutMode === "NONE" ||
       jsonNode.children.some(
         (d: any) =>
           "layoutPositioning" in d && d.layoutPositioning === "ABSOLUTE",

packages/backend/src/html/htmlDefaultBuilder.ts

@@ -267,10 +267,7 @@ export class HtmlDefaultBuilder {
         formatWithJSX("position", isJSX, "absolute"),
       );
     } else {
-      if (
-        node.type === "GROUP" ||
-        ("layoutMode" in node && (node as any).isRelative)
-      ) {
+      if (node.type === "GROUP" || (node as any).isRelative) {
         this.addStyles(formatWithJSX("position", isJSX, "relative"));
       }
     }

packages/backend/src/tailwind/tailwindDefaultBuilder.ts

@@ -138,10 +138,7 @@ export class TailwindDefaultBuilder {
       }
 
       this.addAttributes(`absolute`);
-    } else if (
-      node.type === "GROUP" ||
-      ("layoutMode" in node && (node as any)).isRelative
-    ) {
+    } else if (node.type === "GROUP" || (node as any).isRelative) {
       this.addAttributes("relative");
     }
     return this;