[Bug]: Grouping svg elements not considering viewport width and height

[manimozhiyan-ephoreal]

Before submitting

• I agree to follow this project's Code of Conduct
• I searched existing issues and discussions

Version

6.0.0

Environment

Firefox

Link To Reproduction

No response

Steps To Reproduce

1. Create a SVG with some unwanted element on off the viewport( usually we put unwanted svg element off the canva in Inkscape instead of deleting since it won't show in export)
2. Uploading the SVG in Canva using groupSVGElement (pass elements within svg as array to group)

Expected Behavior

• Just group element instead of recalculating, setting layout and aligning center.
• Add the svg as it is to the canva since canva and svg width height are same.
• Work as worked in Fabric 5

Put svg on canva as it is (fabric 5) :

Actual Behavior

It recalculates width and height including all unwanted svg element which are not within the viewport and aligning center of canvas

• Even if I stop recalculating with group._shouldPerformLayout = false, it aligns the svg center of canva.

aligns center even after controlling layout :

Additional Context

• summarizing : i want Group to group my svg array as it grouped it in fabric js 5 ( no layout, no aligning, considering viewport, keep svg as designed)
  Hope you understood my case, thanks in advance

[asturur]

There may have been some bug introduced in fabric 7. Please share the SVG with the loading code so that i can see if the bug is there or in fabricJS. The code needs to run, not pasted in a github issue.

[manimozhiyan-ephoreal]

svg object array which I pass to Group --> svgElementsArr.txt

code I used :
fabric.loadSVGFromString(changed ? templateSvgParam : templateSvg)
.then(async ({ objects: rawObjects, options }: any) => {
if (!fabricCanvas) return

        const objects = (rawObjects as any[]).filter(Boolean)
        const bg = fabric.util.groupSVGElements(objects)

// to set canvas width and height based on passed svg width and height
const svgWidth = Math.round(options?.width ?? bg?.width ?? 800)
const svgHeight = Math.round(options?.height ?? bg?.height ?? 600)

        fabricCanvas.setDimensions({ width: svgWidth, height: svgHeight })

       fabricCanvas.add(bg)

svg :

As you can see in image that attached in actual behavior, svg elements were not aligned same as above shared svg.

[asturur]

please provide the opener complete svg and the running code in jsfiddle/codesandbox.

[manimozhiyan-ephoreal]

Sandbox url - https://codesandbox.io/p/sandbox/6vlpkh

[manimozhiyan-ephoreal]

Hello @asturur,

Do you need any other support for my side?

[asturur]

Sorry i have been busy on other projects. I will give a shot to this tonight.