From fff226b86150228f60032a76698cef7c5b4d747c Mon Sep 17 00:00:00 2001
From: Antonella Sgarlatta <antonella@standardnotes.org>
Date: Wed, 19 May 2021 16:32:48 -0300
Subject: [PATCH] fix: challenge modal form not submitting on enter

---
 .../views/challenge_modal/challenge_modal.tsx         | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/app/assets/javascripts/views/challenge_modal/challenge_modal.tsx b/app/assets/javascripts/views/challenge_modal/challenge_modal.tsx
index 6121c6486..5c1ea9e05 100644
--- a/app/assets/javascripts/views/challenge_modal/challenge_modal.tsx
+++ b/app/assets/javascripts/views/challenge_modal/challenge_modal.tsx
@@ -374,7 +374,10 @@ function ChallengePrompts({
         </div>
       ) : (
         <div key={prompt.id} className="sk-panel-row">
-          <form className="w-full">
+          <form className="w-full" onSubmit={(event) => {
+            event.preventDefault();
+            ctrl.submit();
+          }}>
             <input
               className="sk-input contrast"
               value={ctrl.state.values[prompt.id]!.value as string | number}
@@ -383,12 +386,6 @@ function ChallengePrompts({
                 ctrl.state.values[prompt.id]!.value = value;
                 ctrl.onTextValueChange(prompt);
               }}
-              onKeyUp={(event) => {
-                if (event.key === 'Enter') {
-                  event.preventDefault();
-                  ctrl.submit();
-                }
-              }}
               ref={index === 0 ? initialFocusRef : undefined}
               placeholder={prompt.title}
               type={prompt.secureTextEntry ? 'password' : 'text'}