From f36490bf2f7a9bdb795f8a7c4c9ed8585dae64f8 Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Tue, 20 Oct 2026 18:51:21 -0400
Subject: [PATCH] fix: tooltips show on keyboard focus and Escape hides them
 (#32644)

---
 src/lib/components/common/Tooltip.svelte | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/lib/components/common/Tooltip.svelte b/src/lib/components/common/Tooltip.svelte
index 011714d891..e5a8dfaad7 100644
--- a/src/lib/components/common/Tooltip.svelte
+++ b/src/lib/components/common/Tooltip.svelte
@@ -58,10 +58,29 @@
 					placement,
 					allowHTML,
 					touch,
+					trigger: 'mouseenter focusin',
 					...(theme !== '' ? { theme } : { theme: 'dark' }),
 					arrow: false,
 					offset,
 					...(interactive ? { interactive: true } : {}),
+					plugins: [
+						{
+							fn: (instance) => {
+								const onKeyDown = (e: KeyboardEvent) => {
+									if (e.key === 'Escape') {
+										e.stopPropagation();
+										instance.hide();
+									}
+								};
+
+								return {
+									onShow: () => document.addEventListener('keydown', onKeyDown),
+									onHide: () => document.removeEventListener('keydown', onKeyDown),
+									onDestroy: () => document.removeEventListener('keydown', onKeyDown)
+								};
+							}
+						}
+					],
 					...tippyOptions
 				});
 			}