Auto scroll of page (to the left and down) on drag of nodes beyond the page border is not working.

[Sudhanshu Jain]

Hi ,

Below is the issue and expected output,

Issue: When we drag the node or connector beyond the page border on to the left or to the bottom, page is not getting auto scrolled.

In the documentation preview also the scroll is not working to the left and bottom of the page. 

Expected output: Page should be automatically scrolled on drag of nodes/connectors beyond the page borders.

Please let me know if there is any solution achieve the expected output.

Thanks

[Shyam G]

Hi Sudhanshu Jain, 

Please use scrollSettings canAutoScroll property to achieve your requirement. Please refer to an code example and sample below. 

Code example: 

<DiagramComponent 

scrollSettings={{ 

          //autoscroll of a page on drag of nodes beyond the page border/diagram view 

              canAutoScroll: true 

           }} /> 

Sample: https://stackblitz.com/edit/react-wgi5kf?file=index.js 

Regards, 

Shyam G 

[Sudhanshu Jain]

Thanks Shyam,

We are able to achieve auto scroll using the solution you have provided.

[Shyam G]

Hi Sudhanshu Jain,  

  

Thanks for your update. 

  

Regards, 

Shyam G