From bb26d7b605e69317c9815ef1e71a0927f1e48f3d Mon Sep 17 00:00:00 2001
From: KnugiHK <24708955+KnugiHK@users.noreply.github.com>
Date: Sun, 9 Feb 2025 15:41:15 +0800
Subject: [PATCH] Fix the wrong behaviour for reply anchor introduced by the
 base tag

---
 Whatsapp_Chat_Exporter/whatsapp.html     | 16 ++++++++++++++--
 Whatsapp_Chat_Exporter/whatsapp_new.html | 16 ++++++++++++++--
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/Whatsapp_Chat_Exporter/whatsapp.html b/Whatsapp_Chat_Exporter/whatsapp.html
index 892828f..ae83b95 100644
--- a/Whatsapp_Chat_Exporter/whatsapp.html
+++ b/Whatsapp_Chat_Exporter/whatsapp.html
@@ -120,7 +120,7 @@
 							{% if msg.reply is not none %}
 								<div class="reply">
 									<span class="blue">Replying to </span>
-									<a href="#{{msg.reply}}" class="reply_link">
+									<a href="#{{msg.reply}}" target="_self" class="reply_link no-base">
 										{% if msg.quoted_data is not none %}
 											"{{msg.quoted_data}}"
 										{% else %}
@@ -210,7 +210,7 @@
 							{% if msg.reply is not none %}
 								<div class="reply">
 									<span class="blue">Replying to </span>
-									<a href="#{{msg.reply}}" class="reply_link">
+									<a href="#{{msg.reply}}" target="_self" class="reply_link no-base">
 										{% if msg.quoted_data is not none %}
 											"{{msg.quoted_data}}"
 										{% else %}
@@ -313,5 +313,17 @@
 		}
 		});
 		</script>
+		<script>   
+		// Prevent the <base> tag from affecting links with the class "no-base"
+		document.querySelectorAll('.no-base').forEach(link => {
+			link.addEventListener('click', function(event) {
+			const href = this.getAttribute('href');
+			if (href.startsWith('#')) {
+				window.location.hash = href;
+				event.preventDefault();
+			}
+			});
+		});
+		</script>
 	</body>
 </html>
\ No newline at end of file
diff --git a/Whatsapp_Chat_Exporter/whatsapp_new.html b/Whatsapp_Chat_Exporter/whatsapp_new.html
index 5a94fa1..7502a7b 100644
--- a/Whatsapp_Chat_Exporter/whatsapp_new.html
+++ b/Whatsapp_Chat_Exporter/whatsapp_new.html
@@ -210,7 +210,7 @@
                         <div class="flex justify-end" id="{{ msg.key_id }}">
                             <div class="bg-whatsapp-light rounded-lg p-2 max-w-[80%] shadow-sm">
                                 {% if msg.reply is not none %}
-                                <a href="#{{msg.reply}}" target="_self">
+                                <a href="#{{msg.reply}}" target="_self" class="no-base">
                                     <div class="mb-2 p-1 bg-whatsapp-chat-light rounded border-l-4 border-whatsapp text-sm reply-box">
                                         <p class="text-whatsapp font-medium text-xs">Replying to</p>
                                         <p class="text-[#111b21] text-xs truncate">
@@ -271,7 +271,7 @@
                         <div class="flex justify-start" id="{{ msg.key_id }}">
                             <div class="bg-white rounded-lg p-2 max-w-[80%] shadow-sm">
                                 {% if msg.reply is not none %}
-                                <a href="#{{msg.reply}}" target="_self">
+                                <a href="#{{msg.reply}}" target="_self" class="no-base">
                                     <div class="mb-2 p-1 bg-whatsapp-chat-light rounded border-l-4 border-whatsapp text-sm reply-box">
                                         <p class="text-whatsapp font-medium text-xs">Replying to</p>
                                         <p class="text-[#808080] text-xs truncate">
@@ -409,4 +409,16 @@
     }
     });
     </script>
+    <script>   
+    // Prevent the <base> tag from affecting links with the class "no-base"
+    document.querySelectorAll('.no-base').forEach(link => {
+        link.addEventListener('click', function(event) {
+        const href = this.getAttribute('href');
+        if (href.startsWith('#')) {
+            window.location.hash = href;
+            event.preventDefault();
+        }
+        });
+    });
+    </script>
 </html>
\ No newline at end of file