fabri cjs - один объект "сдвигается" при группировке программ c

Question

В этой скрипке Я просто пытаюсь создать и сгруппировать объекты 3.

Когда я намываю прямоугольник, я вижу созданную группу и все 3 выбранных объекта. Когда я начинаю перетаскивать, прямоугольник внезапно смещается. Кроме того, при перетаскивании прямоугольник перемещается, но круги остаются неподвижными.

После размытия я вижу выбранную группу ...

После первоначального перетаскивания ...

И обработчик мыши блока мыши ...

function myMouseDown(mouseEvent) {
  theGroup = new fabric.Group([o1, o2, o3], {hasControls: false});
  theGroup.on({
    "mouseup": function(e) {
      var items = theGroup._objects;
      theGroup._restoreObjectsState();
      kanvas.remove(theGroup);
      for (var i = 0; i < items.length; i++) {
        kanvas.add(items[i]);
      }
      kanvas.renderAll();
    }
  });

  kanvas.add(theGroup);
  kanvas.remove(o1);
  kanvas.remove(o1);
  kanvas.remove(o3); 
  kanvas.renderAll();

  kanvas.setActiveObject(theGroup);
  kanvas.renderAll();
}