From b4e0b3f841dbe547e6810843a78dc926186086b0 Mon Sep 17 00:00:00 2001
From: Ricardo <rick@rmendes.net>
Date: Sun, 22 Feb 2026 16:29:23 +0100
Subject: [PATCH] fix: modal click.outside race condition closing modal
 immediately
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace @click.outside on modal panel with @click.stop — the backdrop
already handles closing. @click.outside fires from the same click event
that opens the modal via x-if, immediately setting showModal back to false.
---
 _includes/layouts/post.njk | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_includes/layouts/post.njk b/_includes/layouts/post.njk
index 7fcfa00..e2aae55 100644
--- a/_includes/layouts/post.njk
+++ b/_includes/layouts/post.njk
@@ -123,7 +123,7 @@ withBlogSidebar: true
                    x-transition:leave="transition ease-in duration-150"
                    x-transition:leave-start="opacity-100 scale-100"
                    x-transition:leave-end="opacity-0 scale-95"
-                   @click.outside="showModal = false">
+                   @click.stop>
                 <h3 class="text-lg font-semibold text-surface-900 dark:text-surface-100 mb-1">Fediverse Interaction</h3>
                 <p class="text-sm text-surface-500 dark:text-surface-400 mb-4">Enter your instance to like, boost, or reply.</p>
                 <input x-ref="instanceInput"