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