Unable to horizontal scroll after zooming to 'fitToProject'

I facing strange action while zoomIn, zoomOut,fitToProject.


First, fitToProject doesn't show whole project tasks. 

AfterFitToProject.png

Screen is captured after 'fitToProject'.

Tooltip shows task endDate is '2024.05.04', but it's not show all tasks.

( And, most problem is at this time I can't scroll to right side. )

Please, let me know how to fix it.


One more thing, 

After the described situation,

One ZoomIn, And One ZoomOut does not same as 'fitT


3 Replies

AG Ajithkumar Gopalakrishnan Syncfusion Team May 7, 2024 02:51 PM UTC

Hi Kyungjin,

Greetings from Syncfusion Support,

We have tried to replicate the issue based on the information, but we are unable to replicate the issue on our end. We have attached a video reference; please refer to it.

Video reference: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Media1-345168002.zip


Sample link: https://stackblitz.com/edit/react-x9awnz-a2wxtc?file=data.js,index.js

We request you to share more information to achieve your requirement. Kindly share the details below.

  • Complete code of Gantt chart.
  • Have you faced the issue on any specific scenario or enabling specific properties.
  • Video demo to replicate the issue(with replication steps).
  • If possible, replicate the issue in a shared sample and revert back to us.


Once we receive this information, we will be better equipped to identify the root cause of the issue and provide you with the necessary assistance.

Regards,
Ajithkumar G



KL Kyungjin Lee May 8, 2024 12:10 AM UTC

Thank you for reply.


I saw your video reference, 


Let me show you another zoom function problem.  ( I'm not sure this is related on previous problem )


https://ej2.syncfusion.com/react/demos/?_gl=1*161671x*_ga*MjA4MjY5MzI5OC4xNzA0ODk3MjI5*_ga_41J4HFMX1J*MTcxNTEyNDE5Ny42NS4xLjE3MTUxMjQ1MjMuMC4wLjA.#/bootstrap5/gantt/zooming


This is demonstrate of your gantt chart example. 


First, click 'Zoom to fit'

zoom-01.png

And, click 'Zoom out'

zoom-02.png

And, finally click 'Zoom in'



As I know, gantt chart zooming is calculated by 'level'.

But, The task scale does not same between 'Zoom to fit' and 'Zoom out' and 'Zoom in'.


On my case, let me show zoom function problem.

There're only 2 tasks.

Task schedule is from 4.17 to 5.6.


First load.


Second, 'Zoom to Fit'

( At this time, I cannot scroll chart to right to see End date )

[Console Log]

{"topTier":{"unit":"Week","format":"MMM dd, yyyy","count":1},"bottomTier":{"unit":"Day","format":"d","count":1},"timelineUnitSize":33,"level":11,"timelineViewMode":"Week","weekStartDay":0,"updateTimescaleView":true,"weekendBackground":null,"showTooltip":true,"perDayWidth":33}


Third, 'Zoom out'

[Console Log]

{"topTier":{"unit":"Month","format":"MMM, yyyy","count":1},"bottomTier":{"unit":"Week","format":"dd MMM","count":1},"timelineUnitSize":99,"level":10,"timelineViewMode":"Month","weekStartDay":0,"updateTimescaleView":true,"weekendBackground":null,"showTooltip":true,"perDayWidth":14.142857142857142}



Finally, 'Zoom in'

[Console log]

{"topTier":{"unit":"Week","format":"MMM dd, yyyy","count":1},"bottomTier":{"unit":"Day","format":"d","count":1},"timelineUnitSize":33,"level":11,"timelineViewMode":"Week","weekStartDay":0,"updateTimescaleView":true,"weekendBackground":null,"showTooltip":true,"perDayWidth":33}






AG Ajithkumar Gopalakrishnan Syncfusion Team May 8, 2024 01:05 PM UTC

Hi Kyungjin,

We have tried to replicate the issue based on the information provided in the image and timeline settings with project start and end dates both with and without adjustments. However, we are unable to replicate the issue on our end. We have attached a video reference for your review.

Video reference: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Media11004269073.zip


Sample link: https://stackblitz.com/edit/react-x9awnz-oxuaox?file=data.js,index.js

After zoom out:

A screenshot of a calendar

Description automatically generated

We request you to share more information to achieve your requirement. Kindly share the details below.

  • Complete code of Gantt chart.
  • If you are using custom zooming levels, please share the details of the code.
  • Have you faced the issue on any specific scenario or enabling specific properties.
  • Video demo to replicate the issue(with replication steps).
  • If possible, replicate the issue in a shared sample and revert back to us.

Once we receive this information, we will be better equipped to identify the root cause of the issue and provide you with the necessary assistance.

Regards,
Ajithkumar G


Loader.
Up arrow icon