use-multiple selection and dragging inside multiple selection but white area

[brauliodiez]

src/pods/canvas/use-multiple-selection-shape.hook.tsx

// There's a bug here: if you make a multiple selectin and start dragging
// inside the selection but on a blank area it won't drag the selection
// it will just clear the selection
//
// What do we need to do here?
//
// We could get the selection transformer current coords and size
// - if the mouseDown event is click inside that rectangle abort the multiple selection by dragging
// - We can set a temporary flag here
// - When user moves check the flag
// - When user mouse up then reset the flag to false

[brauliodiez]

Heads up:

Right now if you try to drag on that white space area in the transformer it won't remove the selection, but it won't move anything.

Just checked on some Konva examples and has the same behavior:

https://codesandbox.io/p/sandbox/react-konva-multiple-selection-tgggi

So we will keep it like that for this community preview version.

What would we need to allow the transformer to be dragged?

• Detect that you have click on the stage on a white area that is inside the transformer and not hitting any shape selected in the transformer.

• Then apply the offset to the transformer