From 8bcb39ad5ff9ca6e09a7f7562c824e94cafaf04b Mon Sep 17 00:00:00 2001
From: Adam <adam@80bits.dev>
Date: Sat, 4 Jan 2025 21:06:27 +0100
Subject: [PATCH] Improve modal closing logic for intentional user interaction

---
 resources/views/components/modal-input.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/components/modal-input.blade.php b/resources/views/components/modal-input.blade.php
index acd3b8bdf..4b7878b34 100644
--- a/resources/views/components/modal-input.blade.php
+++ b/resources/views/components/modal-input.blade.php
@@ -32,9 +32,9 @@
             <div x-show="modalOpen" x-transition:enter="ease-out duration-100" x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-100"
                 x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
+                @if ($closeOutside) @click="modalOpen=false" @endif
                 class="absolute inset-0 w-full h-full bg-black bg-opacity-20 backdrop-blur-sm"></div>
             <div x-show="modalOpen" x-trap.inert.noscroll="modalOpen"
-                @if ($closeOutside) @click.outside="modalOpen=false" @endif
                 x-transition:enter="ease-out duration-100"
                 x-transition:enter-start="opacity-0 -translate-y-2 sm:scale-95"
                 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"