Draggable image jumps to left margin when touched

[Brickyenne 3 Likes (Newbie)]

Hello,

 

Here again with a weird issue: When making an image draggable (using "type" as top,left) it jumps to the left viewport margin out of the mouse or finger touch. Then, if touched again, it remains under the mouse or finger with no problems.

 

That behavior wasn´t present when using type x,y. Changed to top,left to better handle the end X or Y points when ending the drag event.

 

Any clue about this weird behavior?

 

Your help will be appreciated.

[Carl 9,066 Likes (Superhero)]

Please create a simple demo for us to investigate. Very hard to diagnos without seeing all the HTML, CSS and JavaScript.

[Brickyenne 3 Likes (Newbie)]

Yep, I understand that, I mean, there's no other way of figuring out that.

 

However program is very complex right now and would be very time consuming to "assemble" a special test case that in the end may up solving the issue by not including every involved variable.

 

In this case, I'm going to try to solve it. In fact experimenting a little, changed the container and now, image jumped out of the viewport. This is clearly showing the issue has to do with the container. Since I'm using an UI framework, let me try by defining a new container and see what happens.

 

I'll post the results here to help others that may face the same problem.

 

Thank you!