From f07038139d8884981d7ee9e27121cb649b70fbfc Mon Sep 17 00:00:00 2001
From: Rein Krul <info@reinkrul.nl>
Date: Thu, 25 Jun 2026 21:42:50 +0200
Subject: [PATCH] Fix modal dismissing when clicking the panel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The modal backdrop is fixed inset-0 (a positioned element) while the panel
was static, so the backdrop painted on top of the panel and intercepted
clicks — clicking the panel or its form fields hit the backdrop, which
triggers cancel and closed the modal. Add `relative` to the panel so it
sits above the backdrop and receives clicks, matching the canonical
Tailwind modal markup.

Assisted by AI
---
 web/src/components/ModalWindow.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/ModalWindow.vue b/web/src/components/ModalWindow.vue
index b2f8b67..48bae5e 100644
--- a/web/src/components/ModalWindow.vue
+++ b/web/src/components/ModalWindow.vue
@@ -29,7 +29,7 @@
       -->
       <div
           @click.stop
-          class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
+          class="relative inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
 
         <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
           <div class="sm:flex sm:items-start">