The objects inside a group - controls are not working

[dennisideaonce]

Version

4.6.0

Problem

The objects inside a group - controls are not working.

The problem:

The expectation:

In the actual application:

Screen.Recording.2022-05-05.at.10.16.02.PM.mov

The controls of the selected object are not at the right position. It should be above the selected group object. I am sure I am missing something.

Jsfiddle: http://jsfiddle.net/e3j40v6d/28/

Description

I am trying to build a simple image editing tool using fabric js. I have created a group of active selections by using the below code:

group() {
    const object = this.canvas.getActiveObject();
    if (object.type != 'activeSelection') {
        return;
    }
    let isTextboxInGroup = false;
    for (let obj of object.getObjects()) {
        if (obj.type === 'textbox') {
            isTextboxInGroup = true;
        }
    }

    const newgroup = object.toGroup();
    newgroup.perPixelTargetFind = true;
    newgroup.objectCaching = false;
    newgroup.id = this.randomId();
    newgroup.lockUniScaling = isTextboxInGroup ? true : false;
    this.canvas.discardActiveObject();
    this.canvas.setActiveObject(newgroup);
    this.canvas.requestRenderAll();
}

I want to click on a button and select an object from the group and use its controls like scaling up and down rotate freely. Right now the controls and selected objects are not at the right position. I am not able to use the controls at all.

makeCurrentObjectActive($event, object) { // object is an object from the group
    // this.ungroup();
    if (!object) {
      return true;
    }

    $event.preventDefault();
    $event.stopImmediatePropagation();
    // delete object.group; // If I add this the object box sorounding it goes into too left, I understand that deletes the group
    this.canvas.discardActiveObject();
    this.canvas.setActiveObject(object);
    this.canvas.requestRenderAll();
  }

Any help is highly appreciated, Thank you!

[ShaMan123]

Dude you're looking for v6.
#7670

[dennisideaonce]

Yes I just noticed the same. One quick question is there any estimated date of release for this?

I hope it will also work for .toGroup(); @ShaMan123

[bobbhy]

@dennisideaonce did you find any workaround for this without migrating to v6?