From 02b20ecd3eaf56ba4800b6271e7b2de3776f9031 Mon Sep 17 00:00:00 2001
From: Serreau Jovann <jovann@siteconseil.fr>
Date: Fri, 30 Jan 2026 18:27:30 +0100
Subject: [PATCH] =?UTF-8?q?```=20=E2=9C=A8=20feat(FlowReserve):=20Ajoute?=
 =?UTF-8?q?=20la=20propagation=20d'=C3=A9v=C3=A9nements=20=C3=A0=20la=20fe?=
 =?UTF-8?q?rmeture.=20=F0=9F=8E=A8=20style(reservation/base):=20Ajuste=20l?=
 =?UTF-8?q?a=20valeur=20z-index=20de=20la=20barre=20de=20date.=20```?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/tools/FlowReserve.js     | 13 +++++++++++--
 templates/revervation/base.twig |  2 +-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/assets/tools/FlowReserve.js b/assets/tools/FlowReserve.js
index 845afb9..6052e09 100644
--- a/assets/tools/FlowReserve.js
+++ b/assets/tools/FlowReserve.js
@@ -129,8 +129,17 @@ export class FlowReserve extends HTMLAnchorElement {
     
             // Bind events
             const sidebar = document.getElementById(this.sidebarId);
-            sidebar.querySelector('.backdrop').addEventListener('click', () => this.close());
-            sidebar.querySelector('#flow-reserve-close').addEventListener('click', () => this.close());
+            
+            const closeHandler = (e) => {
+                if (e) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                }
+                this.close();
+            };
+
+            sidebar.querySelector('.backdrop').addEventListener('click', closeHandler);
+            sidebar.querySelector('#flow-reserve-close').addEventListener('click', closeHandler);
         }
     async refreshContent() {
         const container = document.getElementById('flow-reserve-content');
diff --git a/templates/revervation/base.twig b/templates/revervation/base.twig
index fcecbe3..846f808 100644
--- a/templates/revervation/base.twig
+++ b/templates/revervation/base.twig
@@ -175,7 +175,7 @@
 <main class="flex-grow" id="main-content" role="main">
     {# --- DATE SELECTION BLOCK --- #}
     {% block date_selection %}
-        <div class="bg-[#f39e36] text-white py-4 px-4 sticky top-20 z-[100] border-b border-white/10 shadow-xl">
+        <div class="bg-[#f39e36] text-white py-4 px-4 sticky top-20 z-40 border-b border-white/10 shadow-xl">
             <div class="max-w-7xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4">
                 <div class="flex items-center gap-3">
                     <div class="p-2 bg-white/50 rounded-lg">