1. Home
  2. Forum
  3. JavaScript - EJ 2
  4. Grid row drag and drop in scrollable modal not work

Grid row drag and drop in scrollable modal not work

Hello..
Drag'n'drop rows in a modal window only work correctly when the modal is not scrolled. When he's on top of page.
However, when we scroll the modal, drag'n'drop no longer works.
How to fix it?
The grid appears to lose its starting point as it scrolls and doesn't know where it is.
Maybe there is some command to recalculate the starting grid point after scroll?

Look at screen.

Not scrolled, modal on top of page, row when drag makes blue line as target, on drop all works fine :


now i scroll down modal and when i try to move row its not work, blue target line is not shown:



Please, help.
Thanx.

5 Replies 1 reply marked as answer
PK Prasanna Kumar Viswanathan Syncfusion Team November 16, 2020 12:13 PM UTC

Hi Tomasz, 
 
Thanks for contacting Syncfusion support. 
 
Based on your query the drag and drop is not working fine when the modal is scrolled. We checked in our sample with modal but in our sample the drag and drop rows is working fine at our end even when the modal is scrolled. For your convenience we have attached the sample and video demo for your reference. 
 
 
 
If you still face the same issue, please share the following details 
 
1. Share the complete Grid rendering code with modal. 
 
2. If possible please replicate the issue in the attached sample. 
 
3. Syncfusion Package Version. 
 
Regards, 
Prasanna Kumar N.S.V 


TO Tomasz November 20, 2020 03:58 PM UTC

OMG, really? where in you sollution is modal window?

I sayd: drag not work when modal window is scrolled down.

First look at my attached pictures,
then look at this site:https://getbootstrap.com/docs/4.5/components/modal/
scroll down and click "Launch demo modal" button.
Then you will see what i mean writing "modal window"


AG Ajith Govarthan Syncfusion Team November 23, 2020 02:44 PM UTC

Hi Tomasz,  
  
Sorry for the inconveniences.  
  
In our previous update, we have updated the wrong sample. We have prepared a sample based on the attached screenshots and found that drag and drop in the dialog is working fine at our end. 
For your convenience we have attached the sample. So please refer the sample for your reference. 



If you still face the issue, then please share the below details to find the root cause of the issue. 

  1. Please try to reproduce the reported issue in the attached sample.

  1. Share the Syncfusion package version.
 
  1. Share the video demonstration of the issue.
 
  1. Share the Syncfusion package version.
 
Regards, 
Ajith G. 


TO Tomasz November 30, 2020 12:44 PM UTC

Hi.

Topic for close and delete.
Its cause old ver.
On 18.3.40 grid not work, after update to 18.3.51 works perfectly.
Excuse me , sorry :)

Marked as answer
AG Ajith Govarthan Syncfusion Team December 1, 2020 01:09 PM UTC

Hi Tomasz, 
 
Thanks for the update. 
 
We are happy to hear that your issue has been resolved. 
 
Please get back to us if you need further assistance. 
 
Regards, 
Ajith G. 


Loader.
Up arrow icon