Description:
Currently, the Select tool only selects one object at a time. Users expect to be able to click and drag a box to select multiple objects at once.
How to Implement:
- Enable Selection: Ensure
canvas.selection = true is set when the 'Select' tool is active. This enables the native Fabric.js drag-to-select box.
- Yjs Syncing: Be careful with Yjs updates. When a multi-selection (an ActiveSelection group) is moved, Fabric emits modified events differently. Listen to
selection:created and selection:updated to apply bulk coordinate translations to the underlying Yjs objects correctly.
Description:
Currently, the Select tool only selects one object at a time. Users expect to be able to click and drag a box to select multiple objects at once.
How to Implement:
canvas.selection = trueis set when the 'Select' tool is active. This enables the native Fabric.js drag-to-select box.selection:createdandselection:updatedto apply bulk coordinate translations to the underlying Yjs objects correctly.