From 9d9d9aea35d7ad9bd8213624cf7b60b9bd1fc87e Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Fri, 28 Feb 2025 16:21:41 +0000
Subject: [PATCH] Rendered "details" component now expands/collapses as
 expected

---
 src/components/v2/MarkdownRender.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/v2/MarkdownRender.vue b/src/components/v2/MarkdownRender.vue
index a93fdc212..1e964400c 100644
--- a/src/components/v2/MarkdownRender.vue
+++ b/src/components/v2/MarkdownRender.vue
@@ -19,18 +19,19 @@ const markdownToRender = computed(() => {
 function captureClick(e: Event) {
     if (e.target && e.target instanceof HTMLElement) {
         if (e.target.tagName.toLowerCase() === "a") {
-            if (e.target.getAttribute("href").startsWith("#")) {
-                return e;
-            } else {
+            const href = e.target.getAttribute("href") || "";
+            if (!href.startsWith("#")) {
+                e.preventDefault();
                 LinkProvider.instance.openLink(e.target.getAttribute("href")!);
             }
         }
     }
+    return e;
 }
 </script>
 
 <template>
-    <p class="markdown-body" v-html="markdownToRender" @click.prevent="captureClick"></p>
+    <p class="markdown-body" v-html="markdownToRender" @click="captureClick"></p>
 </template>
 
 <style lang="scss" scoped>