From cb47c11a144e39844873e264fdac0fd8ef02bef0 Mon Sep 17 00:00:00 2001
From: Leyla Becker <git@jan-leila.com>
Date: Thu, 19 Feb 2026 11:47:16 -0600
Subject: [PATCH] fix: fixed auto scroll on url examples on link tracking page

---
 .../drafts/remove-tracking-params-from-links.md  | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/posts/drafts/remove-tracking-params-from-links.md b/posts/drafts/remove-tracking-params-from-links.md
index 3635bcf..cbc301b 100644
--- a/posts/drafts/remove-tracking-params-from-links.md
+++ b/posts/drafts/remove-tracking-params-from-links.md
@@ -194,19 +194,21 @@ TODO: explain why that is a bad thing for privacy, and personal life
 
 <script>
 (function() {
-  const urlExample = document.querySelector('.url-example');
   const legendItems = document.querySelectorAll('.url-legend-item[data-part]');
   
   legendItems.forEach(item => {
     item.addEventListener('mouseenter', () => {
       const part = item.dataset.part;
       const urlPart = document.querySelector(`.url-example [data-part="${part}"]`);
-      if (urlPart && urlExample) {
-        const containerRect = urlExample.getBoundingClientRect();
-        const partRect = urlPart.getBoundingClientRect();
-        const partCenter = partRect.left - containerRect.left + urlExample.scrollLeft + (partRect.width / 2);
-        const scrollTarget = partCenter - (containerRect.width / 2);
-        urlExample.scrollTo({ left: scrollTarget, behavior: 'smooth' });
+      if (urlPart) {
+        const urlExample = urlPart.closest('.url-example');
+        if (urlExample) {
+          const containerRect = urlExample.getBoundingClientRect();
+          const partRect = urlPart.getBoundingClientRect();
+          const partCenter = partRect.left - containerRect.left + urlExample.scrollLeft + (partRect.width / 2);
+          const scrollTarget = partCenter - (containerRect.width / 2);
+          urlExample.scrollTo({ left: scrollTarget, behavior: 'smooth' });
+        }
       }
     });
   });