dfg

Bootstrap_new/css/theme-modern.css

@@ -1781,6 +1781,8 @@ select[class*="selectpicker"],
     opacity: 1 !important;
     visibility: visible !important;
     display: block !important; /* Parfois le flou du header cache les éléments en 'absolute' */
+    /* Sécurité supplémentaire : on s'assure que le menu n'est pas coupé */
+    position: absolute !important;
 }
 
 .datepicker {

Vue/Baremepriseencharge/index.php

@@ -57,21 +57,26 @@
 </div>
 
 <script>
-    document.addEventListener("DOMContentLoaded", function() {
+    document.addEventListener('DOMContentLoaded', function() {
-        // 1. Initialisation visuelle des SelectPickers
+        // On cible l'input de date par son ID
-        actualiserSelectPicker('.selectpicker');
+        var inputDate = document.getElementById('dateEffetBareme');
-
-        // 2. Gestion du pré-chargement si le Garant est déjà connu (Session)
-        const codeGarant = $("#codeGcAssureur").val();
         
-        if (codeGarant && codeGarant.trim() !== "") {
+        if (inputDate) {
-            // On déclenche le filtrage des produits immédiatement
+            // Initialisation (si ton plugin le permet en JS pur)
-            filtreproduitbareme();
+            // Sinon, on gère dynamiquement le z-index lors du clic
-            
+            inputDate.addEventListener('focus', function() {
-            /** * Optionnel : Si tu veux aussi lancer la recherche des barèmes 
+                // Un court délai pour laisser le plugin créer l'élément DOM du calendrier
-             * automatiquement quand la page s'ouvre avec un garant en session
+                setTimeout(function() {
-             */
+                    var picker = document.querySelector('.datepicker-dropdown');
-            setTimeout(() => { afficher_bareme_produit(); }, 500);
+                    if (picker) {
+                        // On le déplace à la fin du body pour qu'il ignore le z-index du header
+                        document.body.appendChild(picker);
+                        picker.style.zIndex = "9999";
+                        picker.style.display = "block";
+                        picker.style.opacity = "1";
+                    }
+                }, 100);
+            });
         }
     });
 </script>