Merge pull request #2988 from Ri-Sharma/Issue#2986

Fix : [#2986] Add ref callback

Author: raclim

client/modules/IDE/components/CollectionList/CollectionListRow.jsx

@@ -129,9 +129,6 @@ const CollectionListRowBase = (props) => {
     closeAll();
     setRenameOpen(true);
     setRenameValue(props.collection.name);
-    if (renameInput.current) {
-      renameInput.current.focus();
-    }
   };
 
   const handleRenameChange = (e) => {
@@ -146,6 +143,12 @@ const CollectionListRowBase = (props) => {
     }
   };
 
+  const handleRenameFocus = () => {
+    if (renameInput.current) {
+      renameInput.current.focus();
+    }
+  };
+
   const handleRenameBlur = () => {
     updateName();
     closeAll();
@@ -191,7 +194,10 @@ const CollectionListRowBase = (props) => {
             onKeyDown={handleRenameEnter}
             onBlur={handleRenameBlur}
             onClick={(e) => e.stopPropagation()}
-            ref={renameInput}
+            ref={(node) => {
+              renameInput.current = node;
+              handleRenameFocus();
+            }}
           />
         )}
       </>