Description:
Important background elements (like grids or large template frames) are easily moved by mistake. Users should be able to lock objects in place.
How to Implement:
- UI Toggle: Add a lock/unlock button to the properties floating menu when an object is selected.
- Fabric Properties: Set
lockMovementX: true, lockMovementY: true, lockRotation: true, lockScalingX: true, lockScalingY: true, and hasControls: false on the Fabric object.
- Yjs State: Sync an
isLocked boolean property via Yjs so other connected users also see the object as immovable.
Description:
Important background elements (like grids or large template frames) are easily moved by mistake. Users should be able to lock objects in place.
How to Implement:
lockMovementX: true,lockMovementY: true,lockRotation: true,lockScalingX: true,lockScalingY: true, andhasControls: falseon the Fabric object.isLockedboolean property via Yjs so other connected users also see the object as immovable.