From 1b7d94f7c9c5b26d5b856d39e1133982a3186cc1 Mon Sep 17 00:00:00 2001
From: Rizky <rizky@avolut.com>
Date: Mon, 24 Jun 2024 15:38:30 -0700
Subject: [PATCH] fix

---
 comps/form/Form.tsx   | 5 +++--
 comps/form/typings.ts | 1 +
 comps/popup/PopUp.tsx | 4 ----
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/comps/form/Form.tsx b/comps/form/Form.tsx
index 4ecff47..0c238ce 100755
--- a/comps/form/Form.tsx
+++ b/comps/form/Form.tsx
@@ -14,7 +14,7 @@ const editorFormWidth = {} as Record<string, { w: number; f: any }>;
 export { FMLocal } from "./typings";
 
 export const Form: FC<FMProps> = (props) => {
-  const { PassProp, body, feature, sfd_field } = props;
+  const { PassProp, body, feature, sfd_field, style } = props;
   const fm = useLocal<FMInternal>({
     data: editorFormData[props.item.id]
       ? editorFormData[props.item.id].data
@@ -167,7 +167,8 @@ export const Form: FC<FMProps> = (props) => {
       {toaster_el && createPortal(<Toaster cn={cx} />, toaster_el)}
       <div
         className={cx(
-          "form-inner c-flex c-flex-1 c-flex-wrap c-items-start c-content-start c-absolute c-inset-0",
+          "form-inner c-flex c-flex-1 c-flex-wrap c-items-start c-content-start",
+          style  === "flex" ? "" : "c-absolute c-inset-0" ,
           css`
             padding-right: 10px;
           `
diff --git a/comps/form/typings.ts b/comps/form/typings.ts
index c57bc61..86fb90b 100755
--- a/comps/form/typings.ts
+++ b/comps/form/typings.ts
@@ -20,6 +20,7 @@ export type FMProps = {
   on_load_deps?: any[];
   feature?: any[];
   sfd_field?: any;
+  style: "default" | "flex"
 };
 
 export type GenField =
diff --git a/comps/popup/PopUp.tsx b/comps/popup/PopUp.tsx
index b65f866..c821076 100755
--- a/comps/popup/PopUp.tsx
+++ b/comps/popup/PopUp.tsx
@@ -37,15 +37,11 @@ export const Popup: FC<PopupProp> = ({ on_close, open, child }) => {
             ref={(e) => (local.ref = e)}
             className="c-w-screen c-h-screen c-bg-transparent  c-flex c-flex-row c-items-center c-justify-center"
             onClick={(e) => {
-              console.log({ e });
-              console.log(local.ref, e.target);
               if (local.ref) {
                 if (e.target === local.ref) {
                   on_close(false);
                   local.open = false;
                   local.render();
-                } else {
-                  console.log("click inside popup");
                 }
               }
             }}