How to Scroll when dragging external from List to Schedule

[mrmt]

Hi, 

I have problem with this

Regards.

[Hareesh Balasubramanian]

Hi Minh, 

We have prepared a sample based on your shared query “need to scroll automatically when the schedular reached both extremes while external drag and drop” using nodeDragging event, which can be viewed from the following link. 

Sample: https://stackblitz.com/edit/react-customized-scrolling-suppot-for-the-scheduler?file=index.js 

  onItemDrag(event) { 

    if (event.target.classList.contains('e-work-cells')) { 

      let contentArea = document 

        .querySelector('.e-content-wrap') 

        .getBoundingClientRect(); 

      let targetArea = event.target.getBoundingClientRect(); 

      let scroll = document.querySelector('.e-content-wrap').scrollLeft; 

      let scrollableWidth = document.querySelector('.e-content-table') 

        .offsetWidth; 

      let scrollRight = scroll + contentArea.width; 

      if (contentArea.left >= targetArea.left && scroll > 0) { 

        document.querySelector('.e-content-wrap').scrollLeft = scroll - 100; 

      } 

      if ( 

        contentArea.right <= targetArea.right && 

        scrollRight < scrollableWidth 

      ) { 

        document.querySelector('.e-content-wrap').scrollLeft = scroll + 100; 

      } 

    } 

} 

Kindly try the above solution and get back to us if you need further assistance. 

Regards, 

Hareesh 

[mrmt]

Hi Hareesh,

It works for me,

Many thanks <3

[Nevitha Ravi]

Hi Minh, 

You are most welcome..! please get back to us for further assistance. 

Regards, 

Nevitha