prevent dragging out of the window in schedule

[Anass]

• I have set up the external drag and drop scheduler using Angular
• when we drag the item from the right side of the section from the list and drag a bit on the right side it goes out of the screen
• how can we prevent it to go drag out of the screen while dragging?
• screenshot attached

[Satheesh Kumar Balasubramanian]

Hi Anass, 

  

Thanks for using Syncfusion Products. 

  

We have validated your reported query and provided dragArea property in the angular treeview sample to resolve this issue. 

  

Sample: https://stackblitz.com/edit/angular-prevent-dragging-out-of-window?file=app.component.html 

  

app.component.html:   

<ejs-treeview #treeObj [fields]='field' cssClass='treeview-external-drag' dragArea=".drag-sample-wrapper" 

                [allowDragAndDrop]='allowDragAndDrop' (nodeDragStop)="onTreeDragStop($event)" 

                (nodeDragging)="onItemDrag($event)"> 

</ejs-treeview> 

  

Kindly try the above solution and let us know if your need any further assistance. 

  

Regards, 

Satheesh Kumar B 

[Anass]

Hiii  Satheesh

i used this solution but it did not fix the problem.

Versions of my ejs packages  :

Thanks for you .

[Vinitha Devi Murugan]

Hi Anass, 

  

Thanks for your update. 

  

We have validated your reported issue with your shared navigation package version ^17.3.27 and let you know that you face the problem due to you are using old version of navigation package in your project. So we suggest you to upgrade the navigations package version to above v.18.1.54 or latest one(v19.2.62) to resolve issue. Please refer below release notes details of dragArea support in treeview. 

  

Release notes: https://ej2.syncfusion.com/documentation/release-notes/18.1.54/?type=all#treeview  

  

Regards, 

Vinitha