Interact.js: Cursor stuck on "move" after clicking a draggable

[alexlitty]

Looks like this was fixed in this issue from last year, but I'm still able to reproduce it on my Debian box in:

• Chrome 51.0.2704.106
• Firefox 45.2.0

Behavior is identical to the original issue.

I'm also not seeing a documented way to disable the cursor styles, despite the readme implying otherwise.

[alexlitty]

Found the generated docs about cursorStyle.

For anyone else trying to workaround the issue, you can use styleCursor to disable cursor styles applied by interact.js:

interact('.draggable').draggable({ /* ... */ }).cursorStyle(false);

[koutsenko]

I confirm that problem. Chrome 57, just added a DOM breakpoint to html node. Interactions starting while mouse move over the some elements that can be draggable. Without any clicks. And it isn't triggered by my code...

[koutsenko]

Style workaround doesn't solve the problem, just masking it

[taye]

@koutsenko please make a demo.

[alexlitty]

@taye Here's a reproduction if that's what you're looking for. Left-click on the draggable, release left-click without dragging, then move your mouse to behold.

Same behavior seems to occur with any combination of draggable() options, including no options.

[bkniffler]

I've had the same experience where a modal is shown on double click of an item, and since the mouse leave is not triggered, the move cursor will get stuck.

[taye]

This is fixed in v1.3.0-alpha.1. I don't want to put time into also fixing it for the 1.2 version. https://jsfiddle.net/efuoym1r/3/

[alexlitty]

@taye Unfortunately, I'm seeing no change in behavior.

Perhaps of importance: The problem in this fiddle is only visible when I move my mouse to the right of the picture, I can't reproduce it when I go above or below the picture vertically.

[jeroencornelissen]

@alexlitty That's because the .draggable div stretches over the complete width of the page.
Interact is applied to the .draggable div, not the image.

I've put a background-color on the div to make it more clear:
https://jsfiddle.net/1d61hc0c/1/

[alexlitty]

@jeroencornelissen ah, indeed!

I'll go back to web dev school now.