gar

Vue/gabarit.php

@@ -264,7 +264,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                     
                     <!-- User Menu -->
                     <div class="dropdown">
-                        <button class="user-menu dropdown-toggle border-0 bg-transparent p-0" 
+                        <button id="userDropdownBtn" class="user-menu dropdown-toggle border-0 bg-transparent p-0" 
                                 type="button" 
                                 data-bs-toggle="dropdown" 
                                 aria-expanded="false">
@@ -818,6 +818,34 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
                 });
             });
         </script>
+        <script>
+            document.addEventListener("DOMContentLoaded", function () {
+                const btn = document.getElementById('userDropdownBtn');
+                
+                if (btn) {
+                    // On crée l'instance Bootstrap une seule fois
+                    const dropdown = new bootstrap.Dropdown(btn);
+
+                    btn.addEventListener('click', function (e) {
+                        // ÉTAPE CLÉ : On empêche les autres scripts du header de bloquer le clic
+                        e.preventDefault();
+                        e.stopPropagation(); 
+                        
+                        // On force l'ouverture/fermeture
+                        dropdown.toggle();
+                    });
+                }
+
+                // Sécurité : Fermer le menu si on clique n'importe où ailleurs sur la page
+                document.addEventListener('click', function (e) {
+                    const btn = document.getElementById('userDropdownBtn');
+                    if (btn && !btn.contains(e.target)) {
+                        const instance = bootstrap.Dropdown.getInstance(btn);
+                        if (instance) instance.hide();
+                    }
+                });
+            });
+        </script>
     </body>
 </html>