How to automatically connect two custom elements

I’m sorry, but there’s a bug preventing your custom connect rule to be used when appending a shape: https://github.com/bpmn-io/bpmn-js/issues/933

In the meantime there’s no way of overriding the rules for creating connections in certain cases such as appending a shape.