anastasis-webui: auto-focus

1 files changed, 5 insertions, 5 deletions

diff --git a/packages/anastasis-webui/src/routes/home/index.tsx b/packages/anastasis-webui/src/routes/home/index.tsx
index 99f8febb4..c6bf15be6 100644
--- a/packages/anastasis-webui/src/routes/home/index.tsx
+++ b/packages/anastasis-webui/src/routes/home/index.tsx
@@ -585,10 +585,10 @@ function AuthMethodSmsSetup(props: AuthMethodSetupProps) {
       },
     });
   };
-  //const inputRef = useRef<HTMLInputElement>(null);
-  // useLayoutEffect(() => {
-  //   inputRef.current?.focus();
-  // }, []);
+  const inputRef = useRef<HTMLInputElement>(null);
+  useLayoutEffect(() => {
+    inputRef.current?.focus();
+  }, []);
   return (
     <AnastasisClientFrame hideNav title="Add SMS authentication">
       <div>
@@ -601,7 +601,7 @@ function AuthMethodSmsSetup(props: AuthMethodSetupProps) {
           Mobile number:{" "}
           <input
             value={mobileNumber}
-            //ref={inputRef}
+            ref={inputRef}
             style={{ display: "block" }}
             autoFocus
             onChange={(e) => setMobileNumber((e.target as any).value)}