Resize and Rotate example's select div not positioned correctly

[hgeldenhuys]

Describe the Bug

The select div for a node is offset incorrectly in the resize and drag example. This side-effect leaves a clickable div so selection of nodes interfere with other nodes that overlap this div

Your Example Website or App

https://stackblitz.com/edit/react-ts-baealr?file=App.tsx

Steps to Reproduce the Bug or Issue

Copy-paste the example code

Expected behavior

The selected div should not interfere with other nodes' selection

Screenshots or Videos

Platform

• Browser: Chrome latest
• reactflow latest

Additional context

No response

[chrtze]

#2156

[chrtze]

I think this is happening because we are adding the transforms of the element (translate, rotate) to the inner element of the node. I will have a look at this asap.

[mlndshh]

Any update on this? I'm trying to implement resizing to my custom nodes and running into this issue as well. Thanks

[chrtze]

This will be fixed with the release of v11.

[chrtze]

This is fixed in the new version of the Pro example: https://reactflow.dev/docs/examples/nodes/resize-rotate/