Resizing splitter with multiple Gantt Charts loaded breaks vertical scroller

[Martin McSharry]

Hi

I've got two gantt charts loaded in the DOM.

One Project View and one Resource View

The project view only has a about 20 records, enough for the vertical scroller to appear.

The resource view has several hundred records, and hence a lot of scrollable content.

If i manually move the splitter, or update in js by making this call in the js: 

$(`#GanttContainer`).ejGantt("instance").setSplitterPosition(`15%`);

It causes the vertical scroller for the gantt chart to update to be the same as the scroller for the resource chart.

This means I can scroll far down in the gantt chart where there are no records. 

This only happens for the content to the right of the splitter, the left side will stop scrolling once it reached the last record,

while the right side will scroll down as far as the scroller allows, making the left and right side of the splitter desync

This also happens if .EnableVirtualization(false) .IsResponsive(true) and the browser window is resized

[Karthikeyan Raja]

Hi Martin,  

 

Thanks for contacting Syncfusion support.  

We have checked your reported issue by preparing a sample, in which we have rendered project view with 20 records and resource view with 200 records. We have manually resized the splitter and also dynamically changed the splitter position, but the issue won’t occurs. Please find the sample from below location.   

Sample - https://www.syncfusion.com/downloads/support/directtrac/general/ze/TestSample332545712   

  

Meanwhile, please share us the below details to check further.  

1. Product version used in your application.
2. Code snippets or else kindly modify our provided sample.
3. Also please share us any video regarding the reported issue.

  

Could you please check the above sample and get back to us with the above requested information based on that we will check and provide you a better solution quickly.  

 

Regards, 

Karthikeyan Raja 

[Martin McSharry]

Hi Karthikeyan

The link to download the sample you provided doesn't seem to be working.

Could you please resend another link please.

Thanks

[Karthikeyan Raja]

Hi Martin, 

  

We regret the inconvenience caused. 

Please find the below sample link. 

Sample - https://www.syncfusion.com/downloads/support/directtrac/general/ze/TestSample1737118616 

Please check with the provided sample, and revert us if you need any further assistance on this. 

Regards, 

 Karthikeyan Raja

[Martin McSharry]

Hi Karthikeyan

I've modified your example and I've been able to reproduce the bug.

I've supplied 2 different index pages.

The resourceIndex file is reproducing the bug that causes the vertical scroller to break. This was caused by the updateScheduleDates methods.

The histgoramIndex file shows that when updateScheduleDate is called on a histogram chart instance it causes the following console log error:

ej.web.all.js:162721 Uncaught TypeError: currentTask._calculateLeft is not a function

    at Object._updateGanttRecords (ej.web.all.js:162721)

    at Object.updateScheduleDates (ej.web.all.js:162524)

    at setSplitterPosition (Index:30)

    at HTMLButtonElement.onclick (Index:12)

Attachment: ModifiedIndex_a7d2eea0.zip

[Karthikeyan Raja]

Hi Martin, 

 

Query 1 – Issue with resource index file on vertical scroller 

Solution: We have analyzed your reported query. Currently we are working on the reported issue and finding the root cause from ejScroller. Hence we suggest you to use below code snippet to avoid the scroller issue.  

//…… 

 

<script> 

function setSplitterPosition() { 

     $(`#GanttContainer`).ejGantt("instance").setSplitterPosition(`15%`); 

     $(`#ResourceViewGantt`).ejGantt("instance").updateScheduleDates("02/01/2018", "03/06/2018"); 

} 

</script> 

 

We have prepared sample with your requirement.  

 

Query 2 – Issue with histogram index file  

Solution: We regret the inconvenience caused. We have already fixed the reported issue. Please find the updated script file from below link.  

https://www.syncfusion.com/downloads/support/directtrac/general/ze/ej.web.all.min1569651971  

We have prepared sample with your requirement and update script.  

 

Please find the sample from below link, 

Sample - https://www.syncfusion.com/downloads/support/directtrac/general/ze/TestSample-1271877254 

 

Please get back to us, if you need any further assistance on this. 

 

Regards, 

Karthikeyan Raja