title: FABRIC JS ungroup a group without removing objects
body: <p>In my canvas fabric, I've got several groups with 3 objects: a Rect, an IText and an image</p>
  
  <p>As it’s a group it’s not possible: </p>
  
  <ul>
  <li><p>To modify the IText, </p></li>
  <li><p>To attribute an event to one object of the group.</p></li>
  </ul>
  
  <p>My idea is : on the event “object:selected”, the objects are ungrouped in order to :</p>
  
  <ul>
  <li><p>Be able to modify the IText directly on the canvas,</p></li>
  <li><p>Attribute an event to the cross.</p></li>
  </ul>
  
  <p>My question is: how can I remove the group without removing my objects from the canvas.
  I only found these 2 methods: remove() and removeWithUpdate(), but it removes the objects from the canvas and the group is still here….I want the objects but not the group…any idea ??</p>
  
  <p>Here is an exemple : on the "object:selected" i would like the "hello world" stay on the canvas but not in the group :</p>
  
  <pre><code>var canvas_Planning;
  
  $(document).ready(function() {
    canvas_Planning = new fabric.Canvas('canvas');
    var text = new fabric.IText('hello world', {
      fontSize: 30
    });
    var circle = new fabric.Circle({
      radius: 100,
      fill: '#eef',
      scaleY: 0.5
    });
    var group = new fabric.Group([ circle, text], {
      left: 150,
      top: 100,
      angle: -10
    });
    canvas_Planning.add(group);
  
    canvas_Planning.on('object:selected', function(oCurseur){
      if (oCurseur.target.type == 'group') {
        canvas_Planning.forEachObject(function(o){
          oCurseur.target.remove(oCurseur.target.item(1)); 
        });
      }
    })
  });
  </code></pre>