From 9d46c269d488492dcc3e42cb360737566447c4a9 Mon Sep 17 00:00:00 2001
From: ShubhamPalriwala <spalriwalau@gmail.com>
Date: Fri, 7 Jun 2024 13:05:04 +0530
Subject: [PATCH] fix: secret input on tab moves to next field and masks value

---
 frontend/src/components/v2/SecretInput/SecretInput.tsx    | 8 ++++++--
 .../ShareSecretPage/components/AddShareSecretModal.tsx    | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/v2/SecretInput/SecretInput.tsx b/frontend/src/components/v2/SecretInput/SecretInput.tsx
index 5e7bbef78..aca4d45d3 100644
--- a/frontend/src/components/v2/SecretInput/SecretInput.tsx
+++ b/frontend/src/components/v2/SecretInput/SecretInput.tsx
@@ -96,8 +96,12 @@ export const SecretInput = forwardRef<HTMLTextAreaElement, Props>(
             }}
             disabled={isDisabled}
             spellCheck={false}
-            onBlur={(evt) => {
-              onBlur?.(evt);
+            onKeyDown={(evt) => {
+              if (evt.key === "Tab") {
+                setIsSecretFocused.off();
+              }
+            }}
+            onBlur={() => {
               setIsSecretFocused.off();
             }}
             value={value || ""}
diff --git a/frontend/src/views/ShareSecretPage/components/AddShareSecretModal.tsx b/frontend/src/views/ShareSecretPage/components/AddShareSecretModal.tsx
index 2fda35be4..7ec9f95ad 100644
--- a/frontend/src/views/ShareSecretPage/components/AddShareSecretModal.tsx
+++ b/frontend/src/views/ShareSecretPage/components/AddShareSecretModal.tsx
@@ -178,7 +178,7 @@ export const AddShareSecretModal = ({ popUp, handlePopUpToggle }: Props) => {
                   errorText={error?.message}
                 >
                   <SecretInput
-                    isVisible
+                    isVisible={false}
                     {...field}
                     containerClassName="py-1.5 rounded-md transition-all group-hover:mr-2 text-bunker-300 hover:border-primary-400/50 border border-mineshaft-600 bg-mineshaft-900 px-2 min-h-[100px]"
                   />