Drag and drop clone position

Hi!

I'm asking your help with the ListBox component. When the page is not scrollable everything is fine, but when we can scroll the page, the clone of the grabbed element is positioning incorrectly from the top (the horizontal position is fine).

The ListBox js:

var items = JSON.parse('[{"id":4,"label":"123"},{"id":5,"label":"456"},{"id":6,"label":"789"},{"id":7,"label":"101"}]');

// initialize ListBox component
var listObj = new ej.dropdowns.ListBox({
    dataSource: items,
    fields: { text: 'label', value: 'id' },
    allowDragAndDrop: true,
});

listObj.appendTo('#lb606427095710f');

ListBox html:

<div style="width: 250px; margin: 900px auto 0 auto; height: 200px;">
     <input id="lb606427095710f">
</div>

The image of the incorrect position is in the attachment.

Thank you!

Attachment: screenshot_c1638f5f.zip

3 Replies 1 reply marked as answer

AS Aravinthan Seetharaman Syncfusion Team April 1, 2021 09:58 AM UTC

Hi Kulcsár, 
 
Thanks for contacting Syncfusion Support. 
 
We have checked your query. We have prepared sample in our latest version v19.1.0.54 based on your given code snippet. We cannot reproduce your reported issue in our end. Please refer the sample below. 
 
 
If you are still facing the issue, kindly share the below details. 
 
·        If possible, try to reproduce the reported issue in provided sample or share the issue reproducible sample. 
·        Please share us the video demonstration of this issue. 
·        Please share us the Syncfusion Package Version. 
 
Please provide the above requested information, based on that we will check and provide you a better solution quickly. 
 
Regards, 
Aravinthan S 


Marked as answer

KN Kulcsár Norbert April 1, 2021 11:38 AM UTC

Hi Aravinthan!

Thank you for the sample. One of the included .js files was wrong, and that was the problem on my page, now it's working fine.

Regards,
Norbert


GK Gayathri KarunaiAnandam Syncfusion Team April 2, 2021 05:07 AM UTC

 
Thanks for the update. 
 
We are happy to hear that your requirement has been fulfilled. Please feel free to contact us if you need any further assistance on this. 
 
Regards, 
Gayathri K 


Loader.
Up arrow icon