`dragfree`, `dragfreeon`, `freeon` events

Add a new event, dragfree, that is emitted when a set of nodes is has the following event sequence: grab => drag => free.

Use the on suffix to indicate the event concerns the node that the user’s pointer is on, just like grabon.

Not supporting freeon with the previous addition of grabon was an oversight that this issue also addresses. free was previously being emitted with the semantics of freeon. Now, free happens on all the nodes that would be moved and freeon is just for the one under the pointer.

Implement for

• Mouse
• Touch

OP follows:

---

Environment info

• Cytoscape.js version : 3.1.1
• Browser version : Chrome 60.0.3112.90 (64-bit)

Current (buggy) behaviour

Whenever I click a node, the free event is trigerred. Is this intended by the spec? According to the doc:

free: when an element is freed (i.e. let go from being grabbed)

Desired behaviour

Clicking a node would not trigger the free event.

Minimum steps to reproduce

cy.on("free", "node", (evt) => {
    console.log("triggered")
});

[alexnault]

I’ll test it as soon as I can!

[maxkfranz]

Great; closing