From c2319e5b4ea6e066bc4a4729fdde904479268ba6 Mon Sep 17 00:00:00 2001
From: Jaayden Halko <jaayden.halko@gmail.com>
Date: Thu, 20 Nov 2025 13:38:07 +0000
Subject: [PATCH] fix: prevent tooltip appearing on dropdown open (#20765)

The tooltip inside CopyButton inside Userdropdown is appearing
automatically when the dropdown is opened. This feels a bit janky and
the goal of this fix is to only show the tooltip content when the user
hovers the copy button.



https://github.com/user-attachments/assets/2e41da8d-08c5-476b-b0fc-a40d4f8e3d6c
---
 site/src/components/CopyButton/CopyButton.tsx                   | 2 +-
 site/src/modules/dashboard/Navbar/UserDropdown/UserDropdown.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/site/src/components/CopyButton/CopyButton.tsx b/site/src/components/CopyButton/CopyButton.tsx
index c00b9360e4..ab1b8d0dc6 100644
--- a/site/src/components/CopyButton/CopyButton.tsx
+++ b/site/src/components/CopyButton/CopyButton.tsx
@@ -22,7 +22,7 @@ export const CopyButton: FC<CopyButtonProps> = ({
 	const { showCopiedSuccess, copyToClipboard } = useClipboard();
 
 	return (
-		<TooltipProvider>
+		<TooltipProvider delayDuration={100}>
 			<Tooltip>
 				<TooltipTrigger asChild>
 					<Button
diff --git a/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdown.tsx b/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdown.tsx
index 4c796ee436..662a661e40 100644
--- a/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdown.tsx
+++ b/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdown.tsx
@@ -35,6 +35,7 @@ export const UserDropdown: FC<UserDropdownProps> = ({
 			<PopoverContent
 				align="end"
 				className="min-w-auto w-[260px] bg-surface-secondary border-surface-quaternary"
+				onOpenAutoFocus={(e) => e.preventDefault()}
 			>
 				<UserDropdownContent
 					user={user}