How to connect the tail end of a connection to another element?

[IamFonky]

I'm trying to make a state machine and I am looking at the example here from jsplumb website.

First I noticed that you cannot move a connection if you take it from the tail. Even worse, you destroy it.

Then I found out that you can move them if you drop it on the source element.

Is there any way to make a connection by dropping the tail of the connection on the target element?

Here is a simplified codesandbox of what I am doing

[sporritt]

You can do this with a "redrop policy". The docs for these were a bit lacklustre (read: missing) so I've updated them:

https://docs.jsplumbtoolkit.com/community/lib/connectivity#redrop-policies

In this case you probably want REDROP_POLICY_ANY or perhaps REDROP_POLICY_ANY_SOURCE on the source selector.

[IamFonky]

Thank you for your answer but I have now another problem (sorry for bother you by the way).
I can connect the end of any connector to any elements. The only problem now is that the enpoint dot is staying in the air with a fix position.

Sandbox

Also, do you know how to avoid having the starting point and the end point at the same position for a loop connection?

[sporritt]

hmm this looks like it could be a bug.

[sporritt]

..it seems to be the specific case that a connector becomes a self loop. that's the target endpoint still visible; it should have been hidden.

[sporritt]

and in answer to your question about separate start/end points for loop, that's not currently supported.