Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

endX and endY both negative using onDragEnd

Recommended Posts



I am trying to get the x and y end point after a drag event. But the values are negative and dragging to the top left does not return 0,0 as one would expect.


The values I am getting seem to be relative to the starting position of the dragged element, rather than absolute from the bounds container.


You can see in the example if you move the box to the left and up the endX and endY are negative values, but I want the x and y values the box's position within the container.


Am I doing something wrong or do I need to read in the starting position and then offset it?



See the Pen QMRQoX by anon (@anon) on CodePen

Link to comment
Share on other sites

Glad you got it sorted out. Yes, "x" and "y" are short for "translateX()" and "translateY()" (transforms), thus they're relative to the objects original position in the document flow. A negative value is totally normal if you're moving up and to the left. 



  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.