From c771f899826f92469d8e579a59f671c42d6381bd Mon Sep 17 00:00:00 2001
From: Antonella Sgarlatta <antonella@standardnotes.org>
Date: Thu, 13 May 2021 12:50:45 -0300
Subject: [PATCH] fix: search box autofilling with username

---
 .../views/challenge_modal/challenge_modal.tsx | 38 ++++++++++---------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/app/assets/javascripts/views/challenge_modal/challenge_modal.tsx b/app/assets/javascripts/views/challenge_modal/challenge_modal.tsx
index d5564f59d..6121c6486 100644
--- a/app/assets/javascripts/views/challenge_modal/challenge_modal.tsx
+++ b/app/assets/javascripts/views/challenge_modal/challenge_modal.tsx
@@ -374,24 +374,26 @@ function ChallengePrompts({
         </div>
       ) : (
         <div key={prompt.id} className="sk-panel-row">
-          <input
-            className="sk-input contrast"
-            value={ctrl.state.values[prompt.id]!.value as string | number}
-            onChange={(event) => {
-              const value = (event.target as HTMLInputElement).value;
-              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'}
-          />
+          <form className="w-full">
+            <input
+              className="sk-input contrast"
+              value={ctrl.state.values[prompt.id]!.value as string | number}
+              onChange={(event) => {
+                const value = (event.target as HTMLInputElement).value;
+                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'}
+            />
+          </form>
         </div>
       )}