1st month of the year doesn't aligned with Year start

[dernasherbrezon]

Steps to reproduce:

1. Open diagram
2. Click view -> zoom in (ctrl + or cmd +)
3. See screenshot for artifact

[yucatio]

Yes, it is known issue.
taitems#51
Many problem happen when browser zooming.

It hard to fix this issue. Because we are using div and image as grid.
Using canvas or svg may solve this issue, but it takes too much work.

[KingGeneral]

what make it unsync is the width from the month,
Week change range : 52 - 53 (total week a year).

[yucatio]

Is it the difference between specify width by style="32px" and by css file?
In that case, I can fix the issue.

[dernasherbrezon]

I think it's something related to css border. On different zoom levels border could be 0.5 or 0.7 even if it's specified in css as 1px.

[KingGeneral]

changing the max-width via css wont solve this issue, as the user zoom(+/-) ,
month max-width is different in every Scale,

maybe customable via code can do (max-width)??? (hard math calculation)
like what it do in Scale : 'days'

[yucatio]

In my environment (Google Chrome),
when zooming, months and grid are well aligned.

So I suggested to use style="width:32px" for each day div.
But your environment, day and gird are aligned.
Which browser you are using?
Anyway, it seems hard to fix without throughout version up.

[KingGeneral]

OS : windows 10, i5, intel HD grahpics
page : yucatio.github.io/jQuery.Gantt/

I do test with newest opera,edge,mozila,chrome
Tested at resolution :
1360x768, 1280x768, 1280x720, 1280x600, 1024x768, 800x600

PS : all scale is fine, exception for scale in weeks it is fail. (see attachment image)

[yucatio]

@KingGeneral
Week scale works fine. It is natural that year and month ends middle of week.
We are talking about browser zoom, not gantt zoom function.

[KingGeneral]

FYI there's a fix by @usmonster in taitems#213 and taitems#214 but might be a bit hard to applied.