Setting connectionMode to loose prevents self-connections from handles rendered in the same CustomNode

[jonlev1n]

Describe the Bug

Using the Easy Connect example, setting the connectionMode prop to "loose" somehow disables the ability for the source handle to connect to a target handle rendered in the same node.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. Open Easy Connect in the code sandbox
2. Set connectionMode={ConnectionMode.Loose}
3. Observe that the connection line no longer "snaps" when the source node and target node are the same

Expected behavior

As a user, I would expect that the ConnectionMode.Loose would not prevent self-connection

Screenshots or Videos

With default strict settings:

reactflow-strict.mov

And with loose:

reactflow-loose.mov

Platform

• OS: macOS 14.2.1 [arm64]
• Browser: Chrome 123.0.6312.122
• Reactflow: 11.11.1

Additional context

No response