diff --git a/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx b/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx index 8358a64ee..2ad764823 100644 --- a/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx +++ b/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx @@ -30,6 +30,7 @@ const WorkspaceMenuItem: FunctionComponent = ({ }) => { const [isRenaming, setIsRenaming] = useState(false) const [inputValue, setInputValue] = useState(descriptor.label) + const itemRef = useRef(null) const inputRef = useRef(null) useEffect(() => { @@ -44,7 +45,8 @@ const WorkspaceMenuItem: FunctionComponent = ({ const handleInputKeyDown: KeyboardEventHandler = useCallback((event) => { if (event.key === KeyboardKey.Enter) { - inputRef.current?.blur() + event.preventDefault() + itemRef.current?.focus() } }, []) @@ -55,7 +57,7 @@ const WorkspaceMenuItem: FunctionComponent = ({ return (
- +
{!isRenaming &&
{descriptor.label}
} {descriptor.primary && !hideOptions && (