From fb65edea9e0602fe4fd71473325f1610b8e5d64d Mon Sep 17 00:00:00 2001 From: gopu-bruno Date: Thu, 5 Mar 2026 02:14:56 +0530 Subject: [PATCH] fix: focus and text selection in workspace creation flow (#7363) * fix: workspace creation rename focus * refactor: remove duplicate focus/select timer from rename handler --- .../RequestTabs/CollectionHeader/index.js | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) diff --git a/packages/bruno-app/src/components/RequestTabs/CollectionHeader/index.js b/packages/bruno-app/src/components/RequestTabs/CollectionHeader/index.js index ca1eb976a..ac6861ef6 100644 --- a/packages/bruno-app/src/components/RequestTabs/CollectionHeader/index.js +++ b/packages/bruno-app/src/components/RequestTabs/CollectionHeader/index.js @@ -61,11 +61,6 @@ const CollectionHeader = ({ collection, isScratchCollection }) => { setIsRenamingWorkspace(true); setWorkspaceNameInput(currentWorkspace.name || ''); setWorkspaceNameError(''); - const timer = setTimeout(() => { - workspaceNameInputRef.current?.focus(); - workspaceNameInputRef.current?.select(); - }, 50); - return () => clearTimeout(timer); } }, [isScratchCollection, currentWorkspace?.isNewlyCreated, currentWorkspace?.uid, currentWorkspace?.name, dispatch]); @@ -85,8 +80,13 @@ const CollectionHeader = ({ collection, isScratchCollection }) => { }; document.addEventListener('mousedown', handleClickOutside); + const timer = setTimeout(() => { + workspaceNameInputRef.current?.focus(); + workspaceNameInputRef.current?.select(); + }, 50); return () => { document.removeEventListener('mousedown', handleClickOutside); + clearTimeout(timer); }; }, [isRenamingWorkspace, handleCancelWorkspaceRename]); @@ -186,10 +186,6 @@ const CollectionHeader = ({ collection, isScratchCollection }) => { setIsRenamingWorkspace(true); setWorkspaceNameInput(currentWorkspace?.name || ''); setWorkspaceNameError(''); - setTimeout(() => { - workspaceNameInputRef.current?.focus(); - workspaceNameInputRef.current?.select(); - }, 50); }; const handleCloseWorkspaceClick = () => {