Drag and Drop automation

I have a section where it needs to drag and dropped into the folder.

This section (with name “Insert Section” as below) becomes draggable when we click and drag it with mouse manually. The tag ‘dragging’ is added dynamic to this section object when we click and drag it with mouse. HTML code as below.

Before we click and drag (HTML code):

After we manually click and drag:

How can this be automated via script?

I have never used them before but there are some keywords that can be used to achieve what you’re looking for:
image

https://docs.katalon.com/katalon-studio/docs/webui-drag-and-drop-to-object.html

https://docs.katalon.com/katalon-studio/docs/webui-drag-and-drop-by-offset.html

I used that but I had to click the element before performing the dragAndDrop action. It worked after the element is clicked. Thank you for the reply.

Please check below tutorial