Fixed multiline text

src/frontend/src/components/textAreaComponent/index.tsx

@@ -20,36 +20,29 @@ export default function TextAreaComponent({
   }, [disabled]);
 
   return (
-    <div
+    <div className={"flex w-full items-center " + (disabled ? "" : "")}>
-      className={
-        "flex w-full items-center " + (disabled ? "pointer-events-none" : "")
-      }
-    >
-      <GenericModal
-        type={TypeModal.TEXT}
-        buttonText="Finishing Editing"
-        modalTitle="Edit Text"
-        value={value}
-        setValue={(value: string) => {
-          onChange(value);
-        }}
-      >
       <div className="flex w-full items-center" data-testid={"div-" + id}>
         <Input
           id={id}
           data-testid={id}
           value={value}
           disabled={disabled}
-            className={
+          className={editNode ? "input-edit-node w-full" : " w-full"}
-              editNode
-                ? "input-edit-node pointer-events-none "
-                : " pointer-events-none"
-            }
           placeholder={"Type something..."}
           onChange={(event) => {
             onChange(event.target.value);
           }}
         />
+        <div>
+          <GenericModal
+            type={TypeModal.TEXT}
+            buttonText="Finish Editing"
+            modalTitle="Edit Text"
+            value={value}
+            setValue={(value: string) => {
+              onChange(value);
+            }}
+          >
             {!editNode && (
               <IconComponent
                 id={id}
@@ -60,8 +53,9 @@ export default function TextAreaComponent({
                 }
               />
             )}
-        </div>
           </GenericModal>
         </div>
+      </div>
+    </div>
   );
 }