From c9aa7b5f35066a7c2e3583eb679062d142977beb Mon Sep 17 00:00:00 2001
From: David Cho-Lerat
 <117642976+david-cho-lerat-sonarsource@users.noreply.github.com>
Date: Fri, 13 Jan 2023 09:30:38 +0100
Subject: [PATCH] SONAR-15820 Can't create new user on Firefox (#7377)

---
 .../js/apps/users/components/UserForm.tsx     | 12 +++----
 .../__snapshots__/UserForm-test.tsx.snap      | 36 ++++---------------
 2 files changed, 10 insertions(+), 38 deletions(-)

diff --git a/server/sonar-web/src/main/js/apps/users/components/UserForm.tsx b/server/sonar-web/src/main/js/apps/users/components/UserForm.tsx
index 7f5dc23d022..c45da28192a 100644
--- a/server/sonar-web/src/main/js/apps/users/components/UserForm.tsx
+++ b/server/sonar-web/src/main/js/apps/users/components/UserForm.tsx
@@ -176,9 +176,8 @@ export default class UserForm extends React.PureComponent<Props, State> {
                     {translate('login')}
                     <MandatoryFieldMarker />
                   </label>
-                  {/* keep this fake field to hack browser autofill */}
-                  <input className="hidden" name="login-fake" type="text" />
                   <input
+                    autoComplete="off"
                     autoFocus={true}
                     id="create-user-login"
                     maxLength={255}
@@ -197,9 +196,8 @@ export default class UserForm extends React.PureComponent<Props, State> {
                   {translate('name')}
                   <MandatoryFieldMarker />
                 </label>
-                {/* keep this fake field to hack browser autofill */}
-                <input className="hidden" name="name-fake" type="text" />
                 <input
+                  autoComplete="off"
                   autoFocus={!!user}
                   disabled={user && !user.local}
                   id="create-user-name"
@@ -213,9 +211,8 @@ export default class UserForm extends React.PureComponent<Props, State> {
               </div>
               <div className="modal-field">
                 <label htmlFor="create-user-email">{translate('users.email')}</label>
-                {/* keep this fake field to hack browser autofill */}
-                <input className="hidden" name="email-fake" type="email" />
                 <input
+                  autoComplete="off"
                   disabled={user && !user.local}
                   id="create-user-email"
                   maxLength={100}
@@ -231,9 +228,8 @@ export default class UserForm extends React.PureComponent<Props, State> {
                     {translate('password')}
                     <MandatoryFieldMarker />
                   </label>
-                  {/* keep this fake field to hack browser autofill */}
-                  <input className="hidden" name="password-fake" type="password" />
                   <input
+                    autoComplete="off"
                     id="create-user-password"
                     name="password"
                     onChange={this.handlePasswordChange}
diff --git a/server/sonar-web/src/main/js/apps/users/components/__tests__/__snapshots__/UserForm-test.tsx.snap b/server/sonar-web/src/main/js/apps/users/components/__tests__/__snapshots__/UserForm-test.tsx.snap
index 793ddc69999..d081432b179 100644
--- a/server/sonar-web/src/main/js/apps/users/components/__tests__/__snapshots__/UserForm-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/users/components/__tests__/__snapshots__/UserForm-test.tsx.snap
@@ -34,11 +34,7 @@ exports[`should render correctly 1`] = `
           <MandatoryFieldMarker />
         </label>
         <input
-          className="hidden"
-          name="name-fake"
-          type="text"
-        />
-        <input
+          autoComplete="off"
           autoFocus={true}
           disabled={false}
           id="create-user-name"
@@ -59,11 +55,7 @@ exports[`should render correctly 1`] = `
           users.email
         </label>
         <input
-          className="hidden"
-          name="email-fake"
-          type="email"
-        />
-        <input
+          autoComplete="off"
           disabled={false}
           id="create-user-email"
           maxLength={100}
@@ -148,11 +140,7 @@ exports[`should render correctly 2`] = `
           <MandatoryFieldMarker />
         </label>
         <input
-          className="hidden"
-          name="login-fake"
-          type="text"
-        />
-        <input
+          autoComplete="off"
           autoFocus={true}
           id="create-user-login"
           maxLength={255}
@@ -179,11 +167,7 @@ exports[`should render correctly 2`] = `
           <MandatoryFieldMarker />
         </label>
         <input
-          className="hidden"
-          name="name-fake"
-          type="text"
-        />
-        <input
+          autoComplete="off"
           autoFocus={false}
           id="create-user-name"
           maxLength={200}
@@ -203,11 +187,7 @@ exports[`should render correctly 2`] = `
           users.email
         </label>
         <input
-          className="hidden"
-          name="email-fake"
-          type="email"
-        />
-        <input
+          autoComplete="off"
           id="create-user-email"
           maxLength={100}
           name="email"
@@ -226,11 +206,7 @@ exports[`should render correctly 2`] = `
           <MandatoryFieldMarker />
         </label>
         <input
-          className="hidden"
-          name="password-fake"
-          type="password"
-        />
-        <input
+          autoComplete="off"
           id="create-user-password"
           name="password"
           onChange={[Function]}
-- 
2.39.5