Fabric JS; How to make an object unmovable until the object is "fully" clicked (mouse down and mouse up)

Question

I am wondering if it is possible to make an object unmovable until it is "fully" clicked. At the moment the object is movable as soon as it is selected, which is not great because it can lead to accidental movements. Is it possible to disable all movement of an object until it is fully clicked? ie the user clicks the objects and releases the mouse so both onMouseDown and onMouseUp is triggered.

Answer 1

FabricJS vs 4.4.0 introduced a new object property called activeOn . By default, the value is 'down', meaning that objects are made active on mouse down/touch start. If you change the value to 'up', the object will only be made active after mouse up/touch end. http://fabricjs.com/changelog

fabric.Object.prototype.activeOn = "up";