From d027002cb98966eb669f8ce72c34e5fccab5474c Mon Sep 17 00:00:00 2001
From: STEINNI <nicolas.stein@ext.ec.europa.eu>
Date: Tue, 1 Sep 2026 15:51:15 +0000
Subject: [PATCH] gantt: fixed minstart date max endDate to grid on all days

---
 bzGantt.js                  | 17 ++++++++++-------
 graflow_examples/test8.html |  2 +-
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/bzGantt.js b/bzGantt.js
index 396f72c..9f2379c 100644
--- a/bzGantt.js
+++ b/bzGantt.js
@@ -134,18 +134,21 @@ class BZgantt extends Buildoz {
     }
 
     buildFlow(){
-        const firstDate = new Date(this.tasks[0].start)
+        let firstDate = new Date(this.tasks[0].start)
+        let lastDate = new Date(this.tasks[0].end)
         for(const task of this.tasks){
             const startDate = new Date(task.start)
+            const endDate = new Date(task.end)
             if(startDate < firstDate) firstDate = startDate
+            if(endDate > lastDate) lastDate = endDate
         }
 
         const flow = { "nodes": [], "links": [] }
         let curY = 0
-        let endIdx = 0
+        const endIdx = this.getDayIndex(firstDate, lastDate)
         for(const task of this.tasks){
             const startIdx = this.getDayIndex(firstDate, new Date(task.start))
-            endIdx =  this.getDayIndex(firstDate, new Date(task.end))
+            const taskEndIdx = this.getDayIndex(firstDate, new Date(task.end))
             flow.nodes.push({
                 "nodeType": "bar",
                 "id": task.id,
@@ -156,7 +159,7 @@ class BZgantt extends Buildoz {
                 "markup": { 
                     "task": task.name, 
                     "color": task.color || '#CCC', 
-                    "width": (startIdx<endIdx) ? (endIdx-startIdx) * this.dayWidth : this.dayWidth, 
+                    "width": (startIdx<taskEndIdx) ? (taskEndIdx-startIdx) * this.dayWidth : this.dayWidth, 
                 }
             })
             for(const dep of task.dependsOn ?? []){
@@ -164,7 +167,7 @@ class BZgantt extends Buildoz {
             }
             curY += this.rowHeight
         }
-        return([flow, endIdx])
+        return([flow, firstDate, endIdx])
     }
 
     refresh(){
@@ -188,9 +191,9 @@ class BZgantt extends Buildoz {
         }
         this.style.setProperty('--tasks-width', Math.ceil(maxWidth) + 'px')
 
-        const [flow, endIdx] = this.buildFlow()
+        const [flow, firstDate, endIdx] = this.buildFlow()
         
-        let dayDate = new Date(this.tasks[0].start)
+        let dayDate = new Date(firstDate)
         for(let idx=0; idx<=endIdx; idx++){
             const dayDiv = document.createElement('div')
             dayDiv.classList.add('day')
diff --git a/graflow_examples/test8.html b/graflow_examples/test8.html
index 2de4fc3..d9cf6e3 100644
--- a/graflow_examples/test8.html
+++ b/graflow_examples/test8.html
@@ -38,7 +38,7 @@
                     { "id": "t7", "name": "Task 7", "start": "2026-08-29", "end":"2026-09-01", "color": "#88F", "dependsOn": ["t1"] },
                     { "id": "t8", "name": "Task 8 which is quite long", "start": "2026-09-01", "end":"2026-09-08", "color": "#8F8", "dependsOn": ["t6"] },
                     { "id": "t9", "name": "Task 9", "start": "2026-09-08", "end":"2026-09-11", "color": "#F8F", "dependsOn": ["t8"] },
-                ], "color": "#8F8"
+                ]
             }
             
             window.addEventListener('load',()=>{