Cropper not triggering crop start when dragging in straight line

[knizinsky]

Cropper version

v1.6.2

Link to minimal reproduction

https://fengyuanchen.github.io/cropperjs/

Steps to reproduce

1. Press and hold the left mouse button at the point where you want to start cropping.
2. While holding the left mouse button, move the cursor in a straight line (e.g., left/right/top/bottom).
3. Instead of starting to select the area to be cropped, nothing happens.

What is expected?

After pressing down the pointer and moving the mouse, even in a straight line, the crop start event should be triggered, and a new crop box should appear.

What is actually happening?

While holding the left mouse button, and then moving the cursor in a straight line, Instead of starting to select the area to be cropped, nothing happens. When you move the cursor in a different direction, then crop box is created.

System Info

No response

Any additional comments?

No response

[fengyuanchen]

To create a crop box, you need to drag a rectangle area, but not a straight line.

[knizinsky]

@fengyuanchen Thank you for the answer, but shouldn't the crop box appear from the point where user started holding mousedown? In the attached gif, you can see that by dragging diagonally (not even in a perfectly straight line) the crop box only appears after some time. This is especially troublesome on smaller images.