From e54cfd7e1cd47d6b7ed25832b552e89b6fbac3ae Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Fri, 28 Nov 2025 19:17:03 -0500
Subject: [PATCH] Fix cross-references showing duplicate tooltips
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Cross-reference links were showing both their own CSS tooltip and the
JavaScript verse tooltip simultaneously, creating a cluttered experience.

Changes:
- Added .cross-references-section class to cross-references container
- Updated JavaScript to skip all links inside .cross-references-section
- Cross-ref links now only show their own CSS-based tooltip

This ensures cross-references show only one tooltip with the verse
preview, not multiple overlapping tooltips.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 kjvstudy_org/templates/base.html  | 3 +++
 kjvstudy_org/templates/verse.html | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html
index f11ce0e..3d837ac 100644
--- a/kjvstudy_org/templates/base.html
+++ b/kjvstudy_org/templates/base.html
@@ -1839,6 +1839,9 @@
           // Skip links in concordance results (verse text already shown inline)
           if (target.closest('.occurrence-reference') || target.closest('.occurrence')) return;
 
+          // Skip links in cross-references section (has its own CSS tooltip system)
+          if (target.closest('.cross-references-section')) return;
+
           var verseInfo = parseVerseUrl(target.pathname + target.hash);
           if (!verseInfo) return;
 
diff --git a/kjvstudy_org/templates/verse.html b/kjvstudy_org/templates/verse.html
index a0092b0..2f46736 100644
--- a/kjvstudy_org/templates/verse.html
+++ b/kjvstudy_org/templates/verse.html
@@ -396,7 +396,7 @@
 </section>
 
 {% if cross_references %}
-<div>
+<div class="cross-references-section">
     <h2>Cross References</h2>
     <p>Related verses that illuminate this passage (hover to preview):</p>
     <ul style="max-width: 60%; list-style: none; padding: 0;">