From 967f910fd3465a87e82b944b9b228969f3deb91d Mon Sep 17 00:00:00 2001
From: Rizky <rizky05@gmail.com>
Date: Tue, 5 Mar 2024 12:36:57 +0700
Subject: [PATCH] wip fix

---
 .../ed/panel/popup/script/default-val.tsx     |  5 +++-
 .../nova/ed/panel/popup/script/snippet.tsx    | 25 +++++++++++++++----
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/app/web/src/nova/ed/panel/popup/script/default-val.tsx b/app/web/src/nova/ed/panel/popup/script/default-val.tsx
index a627cafb..9df7500b 100644
--- a/app/web/src/nova/ed/panel/popup/script/default-val.tsx
+++ b/app/web/src/nova/ed/panel/popup/script/default-val.tsx
@@ -11,7 +11,10 @@ export const edMonacoDefaultVal = (p: PG, adv: FNAdv, mitem: MItem) => {
 
     if (val === "") {
       if (mode === "js") {
-        val = `<div {...props}>{children}</div>`;
+        val = `\
+<div {...props} className={cx(props.className, "")}>
+  {children}
+</div>`;
       } else if (mode === "css") {
         val = `\
 & {
diff --git a/app/web/src/nova/ed/panel/popup/script/snippet.tsx b/app/web/src/nova/ed/panel/popup/script/snippet.tsx
index 259f0670..9838ec84 100644
--- a/app/web/src/nova/ed/panel/popup/script/snippet.tsx
+++ b/app/web/src/nova/ed/panel/popup/script/snippet.tsx
@@ -60,12 +60,12 @@ effect={async (local) => {
           p.script.do_edit(
             `\
 <div {...props}>
-{(local.list || []).map((item, idx) => (
-<Fragment key={idx}>
-  <PassProp item={item} children={children} />
-</Fragment>
+{[].map((item, idx) => (
+  <Fragment key={idx}>
+    <PassProp item={item} children={children} />
+  </Fragment>
 ))}
-</div>   
+</div>  
 `,
             true
           );
@@ -110,6 +110,21 @@ true ? (
       >
         &lt;If Else /&gt;
       </Button>
+      <Button
+        className={cx(btn_style)}
+        onClick={() => {
+          p.script.do_edit(
+            `\
+<div {...props} className={cx(props.className, "relative")}>
+  <div className="absolute inset-0">{children}</div>
+</div> 
+`,
+            true
+          );
+        }}
+      >
+        &lt;Scrollable /&gt;
+      </Button>
     </div>
   );
 };