Merge pull request #489 from NBISweden/fix/navigation

Update onBlur func of text area
NBISweden · May 24, 2022 · c617552 · c617552
2 parents 683488c + 949c23d
commit c617552
Showing 1 changed file with 6 additions and 1 deletion.
diff --git 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