Diagram Js- connectors : connectors are not stopped at destination shape

I’m working on the diagram js example
Diagram Js example

Here when i try to connect two different shapes using connector, the connector is going inside of destination shape, it is not stopped at start point of destination shape, can you please help me how to stop the connector exactly at destination shape starting point, connector

What you’re observing is the intended behavior. In the example connections are laid out by BaseLayouter which simply connects center to center. Furthermore, connections are not being cropped as they are in bpmn-js using CroppingConnectionDocking.