From 0d71d9aa8bf99f3b50324d225a6cfb65bc6f81e0 Mon Sep 17 00:00:00 2001
From: Pascal <pascal@debian.pascallim>
Date: Wed, 18 Dec 2024 15:51:38 +0100
Subject: [PATCH] modal_ok

---
 public/style/signature.css       | 2 +-
 src/pages/signature/signature.ts | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/style/signature.css b/public/style/signature.css
index 115c049..2c8cf28 100755
--- a/public/style/signature.css
+++ b/public/style/signature.css
@@ -762,7 +762,7 @@ body {
     width: 100%;
     height: 100%;
     background-color: white;
-    z-index: 1000; /* Valeur élevée pour s'assurer qu'il est au-dessus des autres éléments */
+    z-index: 1000; 
     padding: 20px;
     box-sizing: border-box;
     overflow-y: auto;
diff --git a/src/pages/signature/signature.ts b/src/pages/signature/signature.ts
index 6ec46f7..4881b67 100755
--- a/src/pages/signature/signature.ts
+++ b/src/pages/signature/signature.ts
@@ -198,13 +198,13 @@ class SignatureElement extends HTMLElement {
                     </div>
                 </div>`;
 
-            // Créer la modal dans le shadowDOM au lieu du document principal
+           
             const modalElement = document.createElement('div');
             modalElement.className = 'modal-overlay';
             modalElement.innerHTML = modalHtml;
             this.shadowRoot?.appendChild(modalElement);
 
-            // Sélectionner les éléments dans le shadowDOM
+           
             const slider = modalElement.querySelector('#signatureSlider');
             const sliderTrack = slider?.parentElement;
             let isDragging = false;
@@ -1351,7 +1351,7 @@ class SignatureElement extends HTMLElement {
             </div>
         `;
 
-        document.body.appendChild(modal);
+        this.shadowRoot?.appendChild(modal);
 
         const dropZone = modal.querySelector('#dropZone') as HTMLDivElement;
         const fileInput = modal.querySelector('#fileInput') as HTMLInputElement;