Feature request: Nested Groups

[brean]

Hi!

I like to have nested Groups so the expected behavior would be that if i move the outer group all inner groups should move with it:

  <Group groupName={"outer"} width={500} height={350} position={{x: 0, y: 0}}>
    <Group groupName={"inner"} width={300} height={200} position={{x: 50, y: 50}}>
      <Node label="node" position={{x: 50, y: 50}} />
    </Group>
  </Group>

But the groups are separated from each other. When I move the inner Group it moves the node as well, the outer group does not change the position of the inner group nor the node.

Would be a nice feature to have nested Groups.

[dgrbrady]

Would love to see this added as well. I created an issue asking the same question before I saw this discussion. #498

[brean]

I switched to svelteflow using its sub-flows feature.