From 5d7b7d43115df52004b4a80697dc32904f379e22 Mon Sep 17 00:00:00 2001
From: Sai-Keer <domas01@pfw.edu>
Date: Thu, 26 Feb 2026 20:20:50 -0500
Subject: [PATCH] Fix - AssignTeam button to focus on modal search field

---
 .../TeamsAndProjects/AddTeamsAutoComplete.jsx         | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/UserProfile/TeamsAndProjects/AddTeamsAutoComplete.jsx b/src/components/UserProfile/TeamsAndProjects/AddTeamsAutoComplete.jsx
index 8b0a4f59d5..1802ccc32e 100644
--- a/src/components/UserProfile/TeamsAndProjects/AddTeamsAutoComplete.jsx
+++ b/src/components/UserProfile/TeamsAndProjects/AddTeamsAutoComplete.jsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef, useEffect } from 'react';
 import { Dropdown, Input } from 'reactstrap';
 import './TeamsAndProjects.css';
 import { useSelector } from 'react-redux';
@@ -9,6 +9,12 @@ const AddTeamsAutoComplete = React.memo((props) => {
   const { teamsData, searchText, setSearchText, setInputs, onCreateNewTeam } = props;
   const [isOpen, setIsOpen] = React.useState(false);
   const darkMode = useSelector((state) => state.theme.darkMode);
+  const inputRef = useRef(null);
+  useEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, []);
 
 
   // Accept both shapes: { allTeams: [...] } OR just [...]
@@ -47,7 +53,8 @@ const AddTeamsAutoComplete = React.memo((props) => {
       <Input
         type="text"
         value={searchText}
-        autoFocus // eslint-disable-line jsx-a11y/no-autofocus
+        innerRef={inputRef}
+        //autoFocus // eslint-disable-line jsx-a11y/no-autofocus
         onFocus={() => setIsOpen(true)}
         onBlur={() => setTimeout(() => setIsOpen(false), 120)}
         onChange={(e) => {