fix: tooltip not closed on mobile

kodehat · Sep 29, 2024 · 622a1e5 · 622a1e5
1 parent b2a1d48
commit 622a1e5
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/internal/components/portal.templ b/internal/components/portal.templ
@@ -6,7 +6,7 @@ templ HomePortalWithToolTip(portal models.Portal) {
 	if len(portal.Keywords) == 0 {
 		@HomePortal(portal)
 	} else {
-		<div x-data="{ open: false }" @mouseover="open = true" @mouseleave="open = false" class="relative">
+		<div x-data="{ open: false }" @mouseover="open = true" @mouseleave="open = false" @click.outside="open = false" class="relative">
 			@HomePortal(portal)
 			<div x-show="open" class="mt-2.5 w-full absolute flex flex-wrap justify-center z-10 top-full text-center px-2 py-1 gap-x-2 gap-y-2 rounded-md bg-slate-300 dark:bg-slate-800">
 				for _, keyword := range portal.Keywords {