From 949c23d78b6131f4631b8241f7e794c6aec194bd Mon Sep 17 00:00:00 2001
From: jonandernovella <novella.uu@gmail.com>
Date: Tue, 24 May 2022 14:06:34 +0200
Subject: [PATCH] Update onBlur func of text area

This makes sure that you can't highlight multiple rows after selecting the comment area box.
---
 frontend/src/components/Cell.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Cell.tsx b/frontend/src/components/Cell.tsx
index dd3378ed..c0d67979 100644
--- a/frontend/src/components/Cell.tsx
+++ b/frontend/src/components/Cell.tsx
@@ -73,6 +73,11 @@ export const Cell = ({
       spent_on: formatDate(date, dateFormat),
     });
   };
+  // Make sure that the the comment area is not visible and the row is no longer highlighted
+  const onBlurArea = () => {
+    setShowCommentArea(false);
+    onBlurRow();
+  };
   return (
     <div className="col-1 cell-container">
       <label
@@ -121,7 +126,7 @@ export const Cell = ({
               maxLength={1000}
               onKeyUp={onEscapeArea}
               onFocus={onFocusRow}
-              onBlur={() => setShowCommentArea(false)}
+              onBlur={onBlurArea}
               defaultValue={areaComments !== null ? areaComments : comments}
             />
             <button