From 560bf0d732c4a533e975cb15c647e67b0eb8e57c Mon Sep 17 00:00:00 2001
From: Eric Doughty-Papassideris <edoughtypapassideris@linagora.com>
Date: Thu, 7 Mar 2024 15:10:37 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20Internal=20signup:=20put=20focus?=
 =?UTF-8?q?=20on=20top=20most=20field=20at=20load?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/app/views/login/internal/signin/signin.jsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/tdrive/frontend/src/app/views/login/internal/signin/signin.jsx b/tdrive/frontend/src/app/views/login/internal/signin/signin.jsx
index 30d4c7e5..50d78151 100755
--- a/tdrive/frontend/src/app/views/login/internal/signin/signin.jsx
+++ b/tdrive/frontend/src/app/views/login/internal/signin/signin.jsx
@@ -37,8 +37,8 @@ export default class Signin extends Component {
     Languages.addListener(this);
   }
   componentDidMount() {
-    if (this.input) {
-      this.input.focus();
+    if (this.inputToFocusFirst) {
+      this.inputToFocusFirst.focus();
     }
   }
   componentWillUnmount() {
@@ -48,9 +48,9 @@ export default class Signin extends Component {
   componentDidUpdate(_prevProps, prevState) {
     if (
       (prevState.page === 1 && this.state.page === 2) ||
-      (prevState.page === 2 && this.state.page === 3 && this.input)
+      (prevState.page === 2 && this.state.page === 3 && this.inputToFocusFirst)
     ) {
-      if (this.input) this.input.focus();
+      if (this.inputToFocusFirst) this.inputToFocusFirst.focus();
     }
   }
   displayStep() {
@@ -75,6 +75,9 @@ export default class Signin extends Component {
 
           <Input
             id="first_name_create"
+            refInput={ref => {
+              this.inputToFocusFirst = ref;
+            }}
             className="bottom-margin medium full_width"
             onKeyDown={e => {
               if (e.keyCode === 13) {
@@ -91,9 +94,6 @@ export default class Signin extends Component {
           />
           <Input
             id="last_name_create"
-            refInput={ref => {
-              this.input = ref;
-            }}
             className="bottom-margin medium full_width"
             onKeyDown={e => {
               if (e.keyCode === 13) {