diff --git a/web/pgadmin/browser/static/js/ConnectServerContent.jsx b/web/pgadmin/browser/static/js/ConnectServerContent.jsx
index 1e334bf49..05dbf8a8f 100644
--- a/web/pgadmin/browser/static/js/ConnectServerContent.jsx
+++ b/web/pgadmin/browser/static/js/ConnectServerContent.jsx
@@ -12,6 +12,7 @@ export default function ConnectServerContent({closeModal, data, onOK, setHeight}
const classes = useModalStyles();
const containerRef = useRef();
const firstEleRef = useRef();
+ const okBtnRef = useRef();
const [formData, setFormData] = useState({
tunnel_password: '',
save_tunnel_password: false,
@@ -27,6 +28,13 @@ export default function ConnectServerContent({closeModal, data, onOK, setHeight}
setFormData((prev)=>({...prev, [id]: val}));
};
+ const onKeyDown = (e) => {
+ // If enter key is pressed then click on OK button
+ if (e.keyCode == 13) {
+ okBtnRef.current?.click();
+ }
+ };
+
useEffect(()=>{
setTimeout(()=>{
firstEleRef.current && firstEleRef.current.focus();
@@ -55,7 +63,7 @@ export default function ConnectServerContent({closeModal, data, onOK, setHeight}
onTextChange(e, 'tunnel_password')} />
+ onChange={(e)=>onTextChange(e, 'tunnel_password')} onKeyDown={(e)=>onKeyDown(e)} />
onTextChange(e, 'password')} />
+ onChange={(e)=>onTextChange(e, 'password')} onKeyDown={(e)=>onKeyDown(e)}/>
} onClick={()=>{
closeModal();
}} >{gettext('Cancel')}
- } onClick={()=>{
+ } onClick={()=>{
let postFormData = new FormData();
if(data.prompt_tunnel_password) {
postFormData.append('tunnel_password', formData.tunnel_password);