From fe30aa4af22ba6fb25841d3959da51dc5753c56a Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Mon, 12 Jan 2026 10:12:47 -0800
Subject: [PATCH] Fix ContentLinkInline

---
 src/app/components/Content.svelte           | 2 +-
 src/app/components/ContentLinkInline.svelte | 8 ++++----
 src/app/components/ContentMinimal.svelte    | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/components/Content.svelte b/src/app/components/Content.svelte
index 72f78ff4..31ff39f9 100644
--- a/src/app/components/Content.svelte
+++ b/src/app/components/Content.svelte
@@ -169,7 +169,7 @@
           {#if isBlock(i)}
             <ContentLinkBlock value={parsed.value} {event} />
           {:else}
-            <ContentLinkInline value={parsed.value} />
+            <ContentLinkInline value={parsed.value} {event} />
           {/if}
         {:else if isProfile(parsed)}
           <ContentMention value={parsed.value} {url} />
diff --git a/src/app/components/ContentLinkInline.svelte b/src/app/components/ContentLinkInline.svelte
index 1bf8fd12..6be4f96d 100644
--- a/src/app/components/ContentLinkInline.svelte
+++ b/src/app/components/ContentLinkInline.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import {call, displayUrl} from "@welshman/lib"
   import {isRelayUrl} from "@welshman/util"
-  import {preventDefault} from "@lib/html"
+  import {preventDefault, stopPropagation} from "@lib/html"
   import LinkRound from "@assets/icons/link-round.svg?dataurl"
   import Icon from "@lib/components/Icon.svelte"
   import Link from "@lib/components/Link.svelte"
@@ -10,7 +10,7 @@
   import {PLATFORM_URL} from "@app/core/state"
   import {makeSpacePath} from "@app/util/routes"
 
-  const {value} = $props()
+  const {value, event} = $props()
 
   const url = value.url.toString()
   const [href, external] = call(() => {
@@ -20,12 +20,12 @@
     return [url, true]
   })
 
-  const expand = () => pushModal(ContentLinkDetail, {url}, {fullscreen: true})
+  const expand = () => pushModal(ContentLinkDetail, {value, event}, {fullscreen: true})
 </script>
 
 {#if url.match(/\.(jpe?g|png|gif|webp)$/)}
   <!-- Use a real link so people can copy the href -->
-  <a href={url} class="link-content whitespace-nowrap" onclick={preventDefault(expand)}>
+  <a href={url} class="link-content whitespace-nowrap" onclick={stopPropagation(preventDefault(expand))}>
     <Icon icon={LinkRound} size={3} class="inline-block" />
     {displayUrl(url)}
   </a>
diff --git a/src/app/components/ContentMinimal.svelte b/src/app/components/ContentMinimal.svelte
index fa3f00e2..d90667fb 100644
--- a/src/app/components/ContentMinimal.svelte
+++ b/src/app/components/ContentMinimal.svelte
@@ -116,7 +116,7 @@
         {:else if isCashu(parsed) || isInvoice(parsed)}
           <ContentToken value={parsed.value} />
         {:else if isLink(parsed)}
-          <ContentLinkInline value={parsed.value} />
+          <ContentLinkInline value={parsed.value} {event} />
         {:else if isProfile(parsed)}
           <ContentMention value={parsed.value} {url} />
         {:else if isQuote(parsed)}