From e5b10ab16ab2d56af8d01535ccfbdc6b526402b4 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Fri, 4 Jul 2025 20:08:41 +0300
Subject: [PATCH] feat(views/table): set up relations not as a link

---
 apps/client/src/services/note_tooltip.ts             |  1 +
 .../view_widgets/table_view/relation_editor.ts       | 12 +++++++-----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/services/note_tooltip.ts b/apps/client/src/services/note_tooltip.ts
index 4a2b88bb6..d83ad3afa 100644
--- a/apps/client/src/services/note_tooltip.ts
+++ b/apps/client/src/services/note_tooltip.ts
@@ -14,6 +14,7 @@ let dismissTimer: ReturnType<typeof setTimeout>;
 
 function setupGlobalTooltip() {
     $(document).on("mouseenter", "a", mouseEnterHandler);
+    $(document).on("mouseenter", "[data-href]", mouseEnterHandler);
 
     // close any note tooltip after click, this fixes the problem that sometimes tooltips remained on the screen
     $(document).on("click", (e) => {
diff --git a/apps/client/src/widgets/view_widgets/table_view/relation_editor.ts b/apps/client/src/widgets/view_widgets/table_view/relation_editor.ts
index 6a1bc334b..37026055c 100644
--- a/apps/client/src/widgets/view_widgets/table_view/relation_editor.ts
+++ b/apps/client/src/widgets/view_widgets/table_view/relation_editor.ts
@@ -58,11 +58,13 @@ export function RelationFormatter(cell: CellComponent, formatterParams, onRender
     }
 
     onRendered(async () => {
-        const $link = $("<a>");
-        $link.addClass("reference-link");
-        $link.attr("href", `#root/${noteId}`);
-        await loadReferenceLinkTitle($link);
-        cell.getElement().appendChild($link[0]);
+        const $noteRef = $("<span>");
+        const href = `#root/${noteId}`;
+        $noteRef.addClass("reference-link");
+        $noteRef.attr("data-href", href);
+
+        await loadReferenceLinkTitle($noteRef, href);
+        cell.getElement().appendChild($noteRef[0]);
     });
     return "";
 }