title: How add objects to group on fabric js
body: <p>I want add rects to group dynamically. But when I add over top or left side, top left corner of group jump to top left corner of added rect. Help me resolve it, please.</p>
  
  <p>How I add rects: </p>
  
  <pre><code>let canvas = new fabric.Canvas('draw');
  let group = new fabric.Group('', {
                       objectCaching: false,
                       hasControls: false,
                       hasBorders: false,
                       hasRotatingPoint: false,
                       subTargetCheck: true,
                  });
  group.addWithUpdate(new fabric.Rect({top:0,left:0,width:100,height:200}));
  canvas.add(group);
  canvas.renderAll();
  group.on('moving', move);
  function move(e) {
      let trCorner = e.target.calcCoords().tr;
      let viewPortTSide = e.target.canvas.calcViewportBoundaries().tl.y;
      if (viewPortTSide - trCorner.y &lt; -10) {
          group.addWithUpdate(new fabric.Rect({top:-400,left:-200, height: 300, width: 200}))
      }
  }
  
  </code></pre>