Group rotate issue

[rasfront]

Environments

• Framework name: vue
• Framework version: 3
• Moveable Component version: 0.12.0

When i set config target to ['.element', '.element'], it is ok. But after settings target to [ ['.element', '.element'] ] (groupping of it), becomes this issue. The issue on video

@daybrush

Untitled.video.-.Made.with.Clipchamp.2.mp4

[daybrush]

@Raserad

Do you have any code that calls updateRect?

When updateRect is called, it returns to defaultRotation (default: 0deg).

[rasfront]

@Raserad

Do you have any code that calls updateRect?

When updateRect is called, it returns to defaultRotation (default: 0deg).

Nope. I don't. As you see it works normaly before i setting target to [ ['.element1', '.element2'] ], to nested arrays to create groups for moveable.

[daybrush]

@Raserad

If so, are you using the updateGroup option?

[rasfront]

@Raserad

If so, are you using the updateGroup option?

No i aren't using it.

This is my config:

{
target: [] as Array<HTMLElement | SVGElement>,
elementSnapDirections: { top: true, right: true, bottom: true, left: true, center: true, middle: true },
snapDirections: { top: true, right: true, bottom: true, left: true, center: true, middle: true },
elementGuidelines: [] as HTMLElement[],
isDisplaySnapDigit: true,
isDisplayInnerSnapDigit: true,
defaultGroupOrigin: "50% 50%",
rotateAroundControls: true,
snappable: true,
keepRatio: true,
rotatable: true,
draggable: true,
resizable: true,
snapGap: true,
origin: false,
snapDigit: 0,
snapGridWidth: 1,
snapGridHeight: 1,
snapThreshold: 1.1,
dragTarget: document.querySelector(ELEMENT_SELECTOR),
renderDirections: ["n", "nw", "ne", "s", "se", "sw", "e", "w"],
zoom: 1,
checkInput: true,
passDragArea: false,
pinchThreshold: 0,
}

[daybrush]

@Raserad

I made it like this

https://codesandbox.io/s/bold-tesla-6926ok?file=/src/App.vue

Is there anything different with your code?