From 14e3d77c758d5bd80aba8f43bbe95c1e9de507a2 Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Tue, 20 May 2025 15:13:38 +0530
Subject: [PATCH] fix: Specifically hide tooltip, instead of using a very
 specific selector to show

---
 packages/mermaid/src/docs/.vitepress/components/TopBar.vue | 2 +-
 packages/mermaid/src/docs/.vitepress/theme/Tooltip.vue     | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/mermaid/src/docs/.vitepress/components/TopBar.vue b/packages/mermaid/src/docs/.vitepress/components/TopBar.vue
index deb6d451f..b25f4798d 100644
--- a/packages/mermaid/src/docs/.vitepress/components/TopBar.vue
+++ b/packages/mermaid/src/docs/.vitepress/components/TopBar.vue
@@ -57,7 +57,7 @@ onMounted(() => {
           :key="index"
           :href="currentBannerSet[index].url"
           target="_blank"
-          class="unstyled flex justify-center items-center gap-4 text-white tracking-wide plausible-event-name=bannerClick"
+          class="unstyled flex justify-center items-center gap-4 text-white no-tooltip tracking-wide plausible-event-name=bannerClick"
         >
           <span class="font-semibold">{{ currentBannerSet[index].label }}</span>
           <button class="bg-[#1E1A2E] shrink-0 rounded-lg p-1.5 px-4 font-semibold tracking-wide">
diff --git a/packages/mermaid/src/docs/.vitepress/theme/Tooltip.vue b/packages/mermaid/src/docs/.vitepress/theme/Tooltip.vue
index e3658846c..ecd216248 100644
--- a/packages/mermaid/src/docs/.vitepress/theme/Tooltip.vue
+++ b/packages/mermaid/src/docs/.vitepress/theme/Tooltip.vue
@@ -34,8 +34,10 @@ const hideTooltip = () => {
 const handleMouseOver = (e: MouseEvent) => {
   const target = e.target as HTMLElement;
   if (
-    target.matches('a[href*="try_playground"]') ||
-    target.matches('button[onclick*="try_playground"]')
+    (target.matches('a[href*="mermaidchart.com"]') ||
+      target.matches('button[onclick*="mermaidchart.com"]')) &&
+    !target.matches('.no-tooltip') &&
+    !target.matches('.VPSocialLink')
   ) {
     showTooltip(target);
   }