From dd57df8bc284e5cab08f760d9fe794a6f279b91b Mon Sep 17 00:00:00 2001
From: santilapi13 <santilapiana02@gmail.com>
Date: Thu, 11 Apr 2024 19:15:28 -0300
Subject: [PATCH 1/2] fix: comment visualization in table and fields popovers

---
 src/components/EditorCanvas/Table.jsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/EditorCanvas/Table.jsx b/src/components/EditorCanvas/Table.jsx
index 0c385fa..f5fdedb 100644
--- a/src/components/EditorCanvas/Table.jsx
+++ b/src/components/EditorCanvas/Table.jsx
@@ -168,7 +168,7 @@ export default function Table(props) {
                   position="rightTop"
                   showArrow
                   trigger="click"
-                  style={{ width: "200px" }}
+                  style={{ width: "200px", wordBreak: "break-word" }}
                 >
                   <Button
                     icon={<IconMore />}
@@ -219,10 +219,19 @@ export default function Table(props) {
                       <strong>Default :</strong>{" "}
                       {e.default === "" ? "Not set" : e.default}
                     </p>
+                    <p>
+                      <strong>Comment:</strong>{" "}
+                      {e.comment === "" ? (
+                        "Not comment" 
+                      ) : (
+                        <div>{e.comment}</div>
+                      )}
+                    </p>
                   </div>
                 }
                 position="right"
                 showArrow
+                style={{ width: "200px", wordBreak: "break-word" }}
               >
                 {field(e, i)}
               </Popover>

From 0797a3fd7a203a81bc82fd36d12414ea5ca0f9fe Mon Sep 17 00:00:00 2001
From: santilapi13 <santilapiana02@gmail.com>
Date: Thu, 11 Apr 2024 23:30:40 -0300
Subject: [PATCH 2/2] fix: set field comment width instead of popover width

---
 src/components/EditorCanvas/Table.jsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/EditorCanvas/Table.jsx b/src/components/EditorCanvas/Table.jsx
index 6e107b0..9601e4d 100644
--- a/src/components/EditorCanvas/Table.jsx
+++ b/src/components/EditorCanvas/Table.jsx
@@ -223,16 +223,15 @@ export default function Table(props) {
                     <p>
                       <strong>Comment:</strong>{" "}
                       {e.comment === "" ? (
-                        "Not comment" 
+                        "No comment" 
                       ) : (
-                        <div>{e.comment}</div>
+                        <div style={{ maxWidth: "260px", wordBreak: "break-word" }}>{e.comment}</div>
                       )}
                     </p>
                   </div>
                 }
                 position="right"
                 showArrow
-                style={{ width: "200px", wordBreak: "break-word" }}
               >
                 {field(e, i)}
               </Popover>