From bdb9216c1743e927407b262b6d9aef9c643ee4a8 Mon Sep 17 00:00:00 2001
From: rizky <rizky@avolut.com>
Date: Mon, 12 Aug 2024 14:58:29 -0700
Subject: [PATCH] fix keyvalue

---
 comps/form/field/Field.tsx         | 2 +-
 comps/form/field/type/KeyValue.tsx | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/comps/form/field/Field.tsx b/comps/form/field/Field.tsx
index 2f04ed4..11adaac 100755
--- a/comps/form/field/Field.tsx
+++ b/comps/form/field/Field.tsx
@@ -67,7 +67,7 @@ export const Field: FC<FieldProp> = (arg) => {
 
   return (
     <LabelDiv
-      mode={sub_type === "table-edit" ? "div" : "label"}
+      mode={sub_type === "table-edit" ? "div" : field.label ? "label" : "div"}
       {...props}
       className={cx(
         "field",
diff --git a/comps/form/field/type/KeyValue.tsx b/comps/form/field/type/KeyValue.tsx
index bc63eb1..78e682c 100755
--- a/comps/form/field/type/KeyValue.tsx
+++ b/comps/form/field/type/KeyValue.tsx
@@ -50,6 +50,10 @@ export const KeyValue = ({
   return (
     <div className="c-flex c-relative c-flex-1" ref={ref}>
       <table
+        onClick={(e) => {
+          e.stopPropagation();
+          e.preventDefault();
+        }}
         className={cx(
           "c-flex-1",
           css`
@@ -141,7 +145,7 @@ const KVRow = ({
           "kv-key",
           css`
             border-right: 1px solid #ececeb;
-            width: 30%;
+            width: 35%;
           `,
           idx > 0 &&
             css`
@@ -150,7 +154,6 @@ const KVRow = ({
         )}
       >
         <input
-          tabIndex={0}
           type="text"
           spellCheck={false}
           value={k}
@@ -177,7 +180,6 @@ const KVRow = ({
         )}
       >
         <input
-          tabIndex={0}
           type="text"
           spellCheck={false}
           value={v || ""}