title: Fabric.js auto-size group controls when contained objects change size
body: <p>When I have a group of fabric IText objects and I change all their font sizes together, the grouped text objects all shrink or grow according to the font size, but the group controls and border stay in place rather than also changing in size.  My question is, how do I get the group controls to auto-size after changing the objects inside the group?</p>
  
  <p>Looking through the code for Fabric, I can't figure out how the boundaries get set in the first place on the group.  I have tried calling <code>_setCoords()</code> and <code>setCoords()</code> on the group, but that moves the group to 0, 0 on the canvas and keeps the height and width the same.  Calling <code>_setCoords(true)</code> has no effect.  </p>
  
  <p>I have also tried the following code in which I attempt to replace the old group with a new one containing the same objects, which would theoretically draw new boundaries, but it seems like a clunky solution.  Also, it doesn't work: the new group boundaries and controls do not appear.  </p>
  
  <pre><code>var selected = [];
  var all = scope.canvas.getObjects();
  for(var x in all) {
      if(all.active) {
          selected[selected.length] = x;
      }
  }
  scope.canvas._discardActiveGroup();
  var objects = [];
  for(var x in selected) {
      objects[x] = scope.canvas.getObjects()[x];
  }
  var group = new fabric.Group(objects,{
      originX: 'center',
      originY: 'center',
      canvas: scope.canvas
  });
  
  //Using $timeout so that this will wait until current $scope digest is finished
  $timeout(function () {
      scope.canvas.setActiveGroup(group);
      scope.canvas.renderAll();
  }, 0);
  scope.canvas.renderAll();
  </code></pre>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I think this is related to another problem where after the text object changes size due to font size change, its selection area remains where it was before the size change.  That is, it selects the object if you click within the pre-resize bounding rectangle, regardless of the post-resize bounding rectangle.  Only after selecting some other object or deselecting all objects does selection work as expected for the object.  I call <code>setCoords()</code> for the objects, so their boundaries are drawn correctly.  </p>