Timeline header and grid drift out of sync (cumulative scale error) #14
Description
Timeline header and grid drift out of sync (cumulative scale error)
Product
SVAR React Gantt
Package: @svar-ui/react-gantt
Description
The timeline header cells and grid vertical lines drift out of alignment, starting immediately and becoming severely out of sync (up to ~50%) by the end of the timeline.
This occurs regardless of scrollbars, container layout, or CSS.
Expected behavior
Each header cell boundary should align exactly with its corresponding grid line
Alignment should remain correct across the full timeline width
Actual behavior
Header and grid start slightly misaligned
Misalignment accumulates column-by-column
By the end of the timeline, header and grid are significantly out of sync
Reproduction conditions
Happens with:
autoScale={true} and autoScale={false}
With or without vertical scrollbar
Fixed or dynamic container size
Happens as soon as the scale renders
More visible with longer timelines (many columns)
