javascript - Fabric画布元素上的多选问题

Question

我有很多物体的画布。我必须将选定的对象分组到一个组例如：如果有 6 个对象，如果用户单击第一个对象，然后单击第二个对象，则第一个和第二个应分组为单个选择，如果他选择第三个，则三个对象应分组为一个选择。

我能够使用 ActiveSelection 来实现这一点。请在http://jsfiddle.net/rtaLf810/3/找到代码。

var selectedObjects = []

canvas.on('mouse:up',e=>{
    selectedObjects.push(e.target);
    let selectionGroup = new fabric.ActiveSelection(selectedObjects,{canvas:canvas});
    canvas.setActiveObject(selectionGroup);
    canvas.requestRenderAll();
});

我现在面临的问题是，每当我尝试移动选定的组时，对象要么消失，要么移动到不同的坐标。

此外，我无法在组选择中选择对象。在下图中，无法选择绿色圆圈，因为它在选定的组内（文本+三角形）。