Event disappears for some seconds when resized or dragged

[matteomessmer]

Hi, 

I'm developing an application in React with the Scheduler component . In this scheduler I show a timeline with about 150 rows over a period I can choose (one, four or twelve months). When set it to the twelve month view, moving events or resizing them becomes quite tedious, I have to wait almost 20 seconds because the screen freezes and the event disappears, before it reappears and the screen responds again. When using the four month view the problem is reduced to a few seconds and in the one month view the delay is 1 or 2 seconds at most. Whereas if I reduce the number of rows the problem is reduced, for example with 5 rows it is absent even in the year view and when I have about 50 rows in the year view it freezes for just 1 or 2 seconds. Do you know if this is normal? Is there a solution?

Thank you in advance!

Best regards,

Matteo Messmer

[Praveenkumar Narasimhanaidu]

Hi Matteo, 

  

Greetings from Syncfusion support..! 

  

We have validated your reported problem “Event disappears for some seconds when resized or dragged” at our end and suspect that you might have not enabled virtual scrolling for scheduler. Virtual scrolling is used to achieve better performance in the Scheduler when loading a large number of resources and events. 

  

For more information, please refer below documentation links. 

UG: https://ej2.syncfusion.com/react/documentation/schedule/virtual-scrolling/ 

Demo: https://ej2.syncfusion.com/react/demos/#/material/schedule/virtual-scrolling 

  

We have prepared a sample with 150 resources and 12 months and the scheduler took reasonable time(2 or 3 seconds max) for resizing and dragging an event. please find the video demo and sample from following links. 

  

Video demo: https://www.syncfusion.com/downloads/support/forum/169995/ze/virtualscrolling-853999944 

Sample(virtual scrolling enabled): https://stackblitz.com/edit/ej2-react-scheduler-allow-virtual-scrolling?file=index.js 

  <ViewDirective 

                  option="TimelineMonth" 

                  interval={12} 

                  displayName="12 Months" 

                  eventTemplate={this.timelineEventTemplate.bind(this)} 

                  allowVirtualScrolling={true} 

                /> 

  

  

Kindly try the above solution and if the issue persists still at your end, please share following details to further validate the problem and provide you the prompt solution at earliest. 

• Scheduler package version
• Share scheduler related code snippets
• Share a video demo depicting the issue
• Try to replicate the issue in our shared sample or share any issue reproducing sample(if possible)

Regards, 

Praveenkumar 

[matteomessmer]

Thank you

[Vengatesh Maniraj]

Hi Matteo, 

You are most welcome. 

Please get in touch with us if you need any further assistance.  

Regards, 

Vengatesh 

[lea]

Hello I have the same issue I am using the scheduler for .net core and I don't have many rows any ideas on why this happens

[Vinitha Devi Murugan]

Lea, Your reported issue on the "Event disappeared for some seconds when dragged and resized” is not reproduced with more number of resources in the below sample. You can also check it in the shared sample.

https://ej2.syncfusion.com/aspnetcore/Schedule/VirtualScrolling#/bootstrap5

Share the below details to investigate further.

• Reproduce the problem in our sample or
• Simple issue reproducing sample.
• Video demonstrating the issue.