From 9d3e0000559d8747b9856a78b884331650c4a7a4 Mon Sep 17 00:00:00 2001
From: Kanav Arora <kanavarora1515@gmail.com>
Date: Tue, 28 Nov 2023 22:24:22 +0530
Subject: [PATCH] 2526-fix(front): Save on Esc and Click Outside (#2750)

---
 .../record-table-cell/components/RecordTableCell.tsx  | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/front/src/modules/ui/object/record-table/record-table-cell/components/RecordTableCell.tsx b/front/src/modules/ui/object/record-table/record-table-cell/components/RecordTableCell.tsx
index 0dbc57078..c6ad66b08 100644
--- a/front/src/modules/ui/object/record-table/record-table-cell/components/RecordTableCell.tsx
+++ b/front/src/modules/ui/object/record-table/record-table-cell/components/RecordTableCell.tsx
@@ -32,7 +32,14 @@ export const TableCell = ({
     closeTableCell();
   };
 
-  const handleEscape = () => {
+  const handleClickOutside: FieldInputEvent = (persistField) => {
+    persistField();
+
+    closeTableCell();
+  };
+
+  const handleEscape: FieldInputEvent = (persistField) => {
+    persistField();
     closeTableCell();
   };
 
@@ -54,7 +61,7 @@ export const TableCell = ({
       editModeContent={
         <FieldInput
           onCancel={handleCancel}
-          onClickOutside={handleCancel}
+          onClickOutside={handleClickOutside}
           onEnter={handleEnter}
           onEscape={handleEscape}
           onShiftTab={handleShiftTab}