Drag and Drop action not working when portlets (Web-based components) are on the page

I’m facing a problem performing the drag and drop action when I have multiple other major components designed for displaying data on the page. Whenever I drag a task, the component for that task is being moved to a totally different place from where it was originally dropped, the same goes for the styles I have applied for hovering the place to drop that task. Some times it get’s moved to the top of the screen some times to the bottom, it keeps leaving the container made for the scheduler. How could I address this issue?

Hello,
It is hard to suggest what might be wrong as I don’t see your code.
Please, add your configuration in the snippet below and make sure that the issue is reproduced there:
https://snippet.dhtmlx.com/40tsh9uz?text=gantt ;
Then, click on the Save button and send me the link. Or send me a ready demo with all the necessary JavaScript and CSS files so that I can reproduce the issue locally.