# Drag and drop to object is not working

**URL:** <https://forum.katalon.com/t/drag-and-drop-to-object-is-not-working/67783>\
**Category:** Web Testing\
**Tags:** katalon-studio\
**Created:** [August 9, 2022, 8:49am UTC](https://forum.katalon.com/t/drag-and-drop-to-object-is-not-working/67783 "2022-08-09T08:49:35Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![sasikanth.mirabana1](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/sasikanth.mirabana1/32/20464_2.png) [@sasikanth.mirabana1](https://forum.katalon.com/u/sasikanth.mirabana1)\
**Post date:** [August 9, 2022, 8:49am UTC](https://forum.katalon.com/t/drag-and-drop-to-object-is-not-working/67783/1 "2022-08-09T08:49:35Z")

</div>

Hi everyone,

Drag and drop to object function is not working, When dev team using Dragula library it’s working fine but they changed to ngx drag and drop library Draganddroptoobject function it’s not working and it not through any error

---

<div class="post-metadata">

**Author:** ![chen.lee](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@chen.lee](https://forum.katalon.com/u/chen.lee)\
**Post date:** [August 9, 2022, 8:55am UTC](https://forum.katalon.com/t/drag-and-drop-to-object-is-not-working/67783/2 "2022-08-09T08:55:25Z")

</div>

We probably need more information to fully understand your problem. Try restructuring it by following this thread [[TIP] How To Help Us Help You!](http://forum.katalon.com/t/tip-how-to-help-us-help-you/12919).

---

<div class="post-metadata">

**Author:** ![sasikanth.mirabana1](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/sasikanth.mirabana1/32/20464_2.png) [@sasikanth.mirabana1](https://forum.katalon.com/u/sasikanth.mirabana1)\
**Post date:** [August 9, 2022, 9:05am UTC](https://forum.katalon.com/t/drag-and-drop-to-object-is-not-working/67783/3 "2022-08-09T09:05:49Z")

</div>

![HTML screenshot](https://europe1.discourse-cdn.com/katalon/original/3X/6/a/6ac589265630c41d2217a45684a87fd3f278880e.png)  
 ![error log screenshot](https://europe1.discourse-cdn.com/katalon/original/3X/6/9/699d44743818aec80296d16278ef471acde7f16c.png)  
 ![test case code screenshot](https://europe1.discourse-cdn.com/katalon/original/3X/2/c/2c212e9f2976e3ce4107ff4d661b7c72825f8e98.png)

---

<div class="post-metadata">

**Author:** ![chen.lee](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@chen.lee](https://forum.katalon.com/u/chen.lee)\
**Post date:** [August 9, 2022, 10:00am UTC](https://forum.katalon.com/t/drag-and-drop-to-object-is-not-working/67783/4 "2022-08-09T10:00:33Z")

</div>

Given you change CSS libraries, there is a possibility your current object locator might not apply to the new drag and drop object because there might be a change in the object’s properties, such as id or name, in the new one. You should probably check the object locator and try to capture the drag and drop object again to see any change.

---

<div class="post-metadata">

**Author:** ![sasikanth.mirabana1](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/sasikanth.mirabana1/32/20464_2.png) [@sasikanth.mirabana1](https://forum.katalon.com/u/sasikanth.mirabana1)\
**Post date:** [August 9, 2022, 1:27pm UTC](https://forum.katalon.com/t/drag-and-drop-to-object-is-not-working/67783/5 "2022-08-09T13:27:25Z")

</div>

Even I have tried change the object properties(xpath getting from parent node & direct xpath also tried) but it’s not working

---

<div class="post-metadata">

**Author:** ![chen.lee](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@chen.lee](https://forum.katalon.com/u/chen.lee)\
**Post date:** [August 10, 2022, 2:21am UTC](https://forum.katalon.com/t/drag-and-drop-to-object-is-not-working/67783/6 "2022-08-10T02:21:04Z")

</div>

If you are using HTML5, you can try to implement the drag-and-drop custom keyword following this [doc](https://docs.katalon.com/docs/katalon-studio-enterprise/test-execution/advanced-guides/web-testing/handling-drag-and-drop-testing-for-web-applications-with-katalon-studio#create-automation-tests-for-html5-drag-and-drop) and use your newly capture object to see whether this work.

---

<div class="post-metadata">

**Author:** ![sasikanth.mirabana1](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/sasikanth.mirabana1/32/20464_2.png) [@sasikanth.mirabana1](https://forum.katalon.com/u/sasikanth.mirabana1)\
**Post date:** [August 10, 2022, 4:38pm UTC](https://forum.katalon.com/t/drag-and-drop-to-object-is-not-working/67783/7 "2022-08-10T16:38:43Z")

</div>

Even tried this solution but it’s not working. Our application developed in angularJS

---

<div class="post-metadata">

**Author:** ![chen.lee](https://avatars.discourse-cdn.com/v4/letter/c/13edae/32.png) [@chen.lee](https://forum.katalon.com/u/chen.lee)\
**Post date:** [August 11, 2022, 7:40am UTC](https://forum.katalon.com/t/drag-and-drop-to-object-is-not-working/67783/8 "2022-08-11T07:40:43Z")

</div>

Is it possible for you to provide us with the URL to the website you are testing for us to reproduce the issue?

---

<div class="post-metadata">

**Author:** ![sasikanth.mirabana1](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/sasikanth.mirabana1/32/20464_2.png) [@sasikanth.mirabana1](https://forum.katalon.com/u/sasikanth.mirabana1)\
**Post date:** [August 17, 2022, 9:05am UTC](https://forum.katalon.com/t/drag-and-drop-to-object-is-not-working/67783/9 "2022-08-17T09:05:53Z")

</div>

We can’t able to provide the url, Can you please give me any other alternative solution

---

<div class="post-metadata">

**Author:** ![discover.selenium](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/discover.selenium/32/522_2.png) [@discover.selenium](https://forum.katalon.com/u/discover.selenium)\
**Post date:** [August 18, 2022, 6:09am UTC](https://forum.katalon.com/t/drag-and-drop-to-object-is-not-working/67783/10 "2022-08-18T06:09:57Z")

</div>

> [@Drag and Drop is not working](http://forum.katalon.com/t/drag-and-drop-is-not-working/8694/16):
>
> Hi there, Pls try the below approach : It worked for me. WebDriver driver = DriverFactory.getWebDriver(); WebElement LocatorFrom = driver.findElement(By.xpath("//drag")); // draggable WebElement LocatorTo = driver.findElement(By.xpath("//drop")); // droppable String xto=Integer.toString(LocatorTo.getLocation().x); String yto=Integer.toString(LocatorTo.getLocation().y); ((JavascriptExecutor)driver).executeScript('function simulate(f,c,d,e){var b,a=null;for(b in eventMatchers)if…

---

<div class="post-metadata">

**Author:** ![sasikanth.mirabana1](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/sasikanth.mirabana1/32/20464_2.png) [@sasikanth.mirabana1](https://forum.katalon.com/u/sasikanth.mirabana1)\
**Post date:** [August 19, 2022, 8:23am UTC](https://forum.katalon.com/t/drag-and-drop-to-object-is-not-working/67783/11 "2022-08-19T08:23:04Z")

</div>

Again same issue replicated. Code executed successfully but Action not performed in UI
