The issue of mousemove being too sensitive: when a user clicks to select a shape, it might trigger the mousemove event (the shape is moved by 1px).

[zhe-he]

When the user clicks, can dragging be made lazy, for example, like this(It only enables the shape-moving functionality when the initial movement exceeds a specified number of pixels after pressing down)?

const __lastOnMouseDown = Canvas.prototype.__onMouseDown;
const __lastOnMouseMove = Canvas.prototype.__onMouseMove;
const __lastOnMouseUp = Canvas.prototype.__onMouseUp;

let moveCheckFlag = false;
const moveCheckDis = 5; 

Canvas.prototype.__onMouseMove = function (e) {
    if (moveCheckFlag && this._currentTransform?.target?.selectable) {
        const disX = e.pageX - e.pageX;
        const disY = e.pageY - e.pageY;
        if (Math.abs(disX) < moveCheckDis && Math.abs(disY) < moveCheckDis) return;
       moveCheckFlag = false;
    }
    __lastOnMouseMove.call(this, e);
}

Canvas.prototype.__onMouseDown = function (e) {
   moveCheckFlag = true;
   __lastOnMouseDown.call(this, e);
}
Canvas.prototype.__onMouseUp = function (e) {
   moveCheckFlag = false;
   __lastOnMouseUp.call(this, e)
}

[asturur]

You would like to avoid micro movements for some reasons or you would like to align objects to a grid?

[zhe-he]

Yes, I want to avoid micro-movements as I feel it's too sensitive. I noticed that graphic editing software (like Photoshop, Sketch, and Figma) are less sensitive when you click and start dragging. If I intentionally move just a tiny bit, they don’t move. They only start moving after I intentionally move a bit further.
Alternatively, can Fabric add a parameter to enable this kind of functionality?

[asturur]

Fabric has something like that for rotation ( snap angle ).
I think since drag is not yet customizable it could make sense to have something like that but needs really to be small. I have to look in the drag code and see how simple is it to tell you if we could have something like that.
My main driver for choice is, can i add this option, and what do i break when i add it? How many weird edge case i create?
I'll look into it.