Node selected on Hover | xyflow | Page 1

grave yew Sep 17, 2024, 9:01 AM

#

Hello, I have a react flow with a Node Menu on each Nodes, but it overlaps with others Nodes. I think i can prevent that by making the Node selected onHover instead of a click, but i'm not sure if it's the solution and how I can do it.

raven light Sep 17, 2024, 9:03 AM

#

is the menu part of the node itself or is it teleported somewhere else?

grave yew Sep 17, 2024, 9:03 AM

#

It's part of the node itself, in the same component

#

That's why i'm bit stuck here

#

I did a generic node component that wraps my content and this node menu into a single Node Component so i can reuse it for every new type of custom node, But the menu is overlapping with other node :/

raven light Sep 17, 2024, 9:08 AM

#

You could probably do something like this: https://codesandbox.io/p/sandbox/angry-brown-jq6yvy?file=%2Fsrc%2Fnodes%2FPositionLoggerNode.tsx%3A18%2C61

#

Not the greatest implementation but it should work ^^

#Node selected on Hover