From 8bf7daa433f2e4c1f0508f2066903beac1551477 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laureline=20Val=C3=A9rie=20David?= <ltouroumov@gmail.com>
Date: Fri, 13 Sep 2024 14:46:52 +0200
Subject: [PATCH] Fix Modals

---
 components/utils/ModalDialog.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/components/utils/ModalDialog.vue b/components/utils/ModalDialog.vue
index af8bd87..ae96dd5 100644
--- a/components/utils/ModalDialog.vue
+++ b/components/utils/ModalDialog.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="modal fade" :class="{ show: show }" @click="$emit('close')">
+  <div class="modal fade" :class="{ show: show }">
     <div class="modal-dialog modal-xl">
       <div v-if="show" class="modal-content">
         <div class="modal-header">
@@ -17,7 +17,11 @@
       </div>
     </div>
   </div>
-  <div v-show="show" class="modal-backdrop fade show"></div>
+  <div
+    v-show="show"
+    class="modal-backdrop fade show"
+    @click="$emit('close')"
+  ></div>
 </template>
 
 <script setup lang="ts">
@@ -32,6 +36,8 @@ defineProps<{
 
 <style scoped lang="scss">
 div.modal {
+  pointer-events: none;
+
   &.show {
     display: flex;
     align-items: stretch;
@@ -44,6 +50,7 @@ div.modal {
     justify-content: stretch;
 
     flex: 1 1 100%;
+    pointer-events: auto;
   }
 
   .modal-body {