FabricJS Catch click on object inside group

Question

I have tried many thing like calculating location, handling with the event we do have in original fabricjs. Does any have done this before?

Answer 1

You can add subTarget to the group. The subtarget object will be added inside target event.

let group = new fabric.Group([circle, rect], {
    subTargetCheck: true
});

canvas.on('mouse:down', (event) => {
    const { subTargets } = event; // subTargets will include circle object
    .... 
})