menu open

modules/family-calendar/family-calendar.css

@@ -57,7 +57,6 @@
 #planningTable .col-total {
   width: 50px;
   max-width: 50px;
-  white-space: nowrap;
 }
 
 /* Sous-colonnes Alex/Laia */
@@ -86,8 +85,10 @@
 
 /* Header sticky */
 #planningHeaderTable {
-  width: 100%;
-  border-collapse: collapse;
+  position: sticky;
+  top: 0;
+  z-index: 5;
+  background: #f0f4f8;
 }
 /* Empêcher le header de bouger/contracter */
 #planningHeaderTable th {
@@ -109,7 +110,6 @@
 
 /* Ligne 1 */
 #planningTable thead tr:nth-child(1) th {
-  position: sticky;
   top: 0;
   z-index: 3;
   background: #f0f4f8;
@@ -117,7 +117,6 @@
 
 /* Ligne 2 */
 #planningTable thead tr:nth-child(2) th {
-  position: sticky;
   top: 24px; /* hauteur de la 1ère ligne */
   z-index: 3;
   background: #f0f4f8;
@@ -125,7 +124,6 @@
 
 /* Ligne 3 */
 #planningTable thead tr:nth-child(3) th {
-  position: sticky;
   top: 48px; /* 1ère + 2e ligne (22 + 22) */
   z-index: 3;
   background: #f0f4f8;

modules/family-calendar/family-calendar.js

@@ -920,10 +920,20 @@ document.addEventListener("DOMContentLoaded", () => {
     }
 
     positionAndShowMenu(e) {
+      const wrapper = document.getElementById("planningTable-wrapper");
+      const rect = wrapper.getBoundingClientRect();
+
       this.selectionMenu.style.display = "block";
-      this.selectionMenu.style.left = `${e.pageX + 5}px`;
-      this.selectionMenu.style.top = `${e.pageY + 5}px`;
+
+      // Position relative au wrapper, pas à la page
+      this.selectionMenu.style.left = `${e.clientX - rect.left + 5}px`;
+      this.selectionMenu.style.top = `${e.clientY - rect.top + 5}px`;
+
+      // Empêcher la fermeture immédiate par handleClickOutsideMenu
       this.menuJustOpened = true;
+      setTimeout(() => {
+        this.menuJustOpened = false;
+      }, 0);
     }
 
     async handleMenuClick(e) {
@@ -2150,10 +2160,18 @@ document.addEventListener("DOMContentLoaded", () => {
 
     positionAndShowMonthMenu(e) {
       if (!this.monthSelectionMenu) return;
+      const wrapper =
+        document.querySelector(".fc-month-calendar-wrapper") || document.body;
+      const rect = wrapper.getBoundingClientRect();
+
       this.monthSelectionMenu.style.display = "block";
-      this.monthSelectionMenu.style.left = `${e.pageX + 5}px`;
-      this.monthSelectionMenu.style.top = `${e.pageY + 5}px`;
+      this.monthSelectionMenu.style.left = `${e.clientX - rect.left + 5}px`;
+      this.monthSelectionMenu.style.top = `${e.clientY - rect.top + 5}px`;
+
       this.menuJustOpened = true;
+      setTimeout(() => {
+        this.menuJustOpened = false;
+      }, 0);
     }
 
     async handleMonthMenuClick(e) {

modules/family-calendar/includes/api/events-debug.log

@@ -15,3 +15,4 @@
 [2026-01-06T15:11:57+01:00] RAW INPUT: [{"date":"2025-09-23","type":"PEP_SICK","duration":1}]
 [2026-01-06T15:17:03+01:00] RAW INPUT: [{"date":"2025-09-10","type":"CENTRE","duration":1}]
 [2026-01-06T15:26:35+01:00] RAW INPUT: [{"date":"2025-10-06","type":"PEP_SICK","duration":1},{"date":"2025-10-07","type":"PEP_SICK","duration":1},{"date":"2025-10-08","type":"PEP_SICK","duration":1}]
+[2026-01-07T10:04:23+01:00] RAW INPUT: [{"date":"2025-09-19","type":"OFF_CAROLE","person":"Carole","duration":1}]