Ensure focus is not changed to ssh tunnel input box when user explici…

…tly focus in server password edit box

web/pgadmin/static/js/Dialogs/ConnectServerContent.jsx

@@ -7,7 +7,7 @@
 //
 //////////////////////////////////////////////////////////////
 
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect, useLayoutEffect } from 'react';
 import gettext from 'sources/gettext';
 import { Box } from '@material-ui/core';
 import { DefaultButton, PrimaryButton } from '../components/Buttons';
@@ -21,6 +21,7 @@ export default function ConnectServerContent({closeModal, data, onOK, setHeight}
   const classes = useModalStyles();
   const containerRef = useRef();
   const firstEleRef = useRef();
+  const [firstElState, setFirstElState] = useState();
   const okBtnRef = useRef();
   const [formData, setFormData] = useState({
     tunnel_password: '',
@@ -44,10 +45,11 @@ export default function ConnectServerContent({closeModal, data, onOK, setHeight}
     }
   };
 
-  useEffect(()=>{
-    setTimeout(()=>{
-      firstEleRef.current && firstEleRef.current.focus();
-    }, 350);
+
+  useLayoutEffect(()=>{
+    if(!firstElState){
+      firstEleRef.current && firstEleRef.current.focus(), setFirstElState(firstEleRef.current);
+    }
   }, [firstEleRef.current]);
 
   useEffect(()=>{