prevent outcoming edge from target handle about react-flow HOT 5 OPEN

It is possible to connect a target handle to a source handle the same way you can connect a source handle to a target handle. Why shouldn't it be?

from react-flow.

It is possible to connect a target handle to a source handle the same way you can connect a source handle to a target handle. Why shouldn't it be?

Thanks for your response, I want the whole node to be connectable and act as target handle, but in this situation the node is not draggable anymore and edge comes out of it. The target handle should not be like this. In other words how can I make target handle with no outgoing edge?

from react-flow.

We have two handle props that are not implemented yet in SvelteFlow that would achieve something like this.

In the meantime, I feel like there is a better solution to what you want to achieve. You can subscribe to the connection that is currently in progress through the store and apply pointer-event: none; to the target handles if there is currently no connection happening.

from react-flow.

pointer-event: none; does not solve the issue and still edge comes out of target handle.

from react-flow.

Take a look at our easy-connect example. You can also conditionally render the handles.

pointer-events: none works for me flawlessly.

<Handle style="pointer-events: none;" {...} />

from react-flow.