Issue with dragging using ngflowchart

[Gary Hanson]

I am using ngflowchart with AngularJS (v1.7.8) and successfully generating data lineage flows or source-to-target at the field level.  However, I am unable to get the node dragging feature to work.  When I attempt to drag a node, it is placed to the bottom left of the canvas with all lines (edges) detached from the original fc-connector(s).  Once there, I cannot move the node, but have the option to delete it.   

My fc-canvas statement is:

   <fc-canvas model="model" selected-objects="flowchartselected" edge-style="curved" 

    callbacks="callbacks" automatic-resize="true"  ></fc-canvas>

At the node level, my class statement for top and bottom connectors are:

    <div class="{{flowchartConstants.topConnectorClass}}">

      <div fc-magnet 

           ng-repeat="connector in modelservice.nodes.getConnectorsByType(node, flowchartConstants.topConnectorType)">

        <div fc-connector></div>

      </div>

    </div>

    <div class="{{flowchartConstants.bottomConnectorClass}}">

      <div fc-magnet 

           ng-repeat="connector in modelservice.nodes.getConnectorsByType(node, flowchartConstants.bottomConnectorType)">

        <div fc-connector></div>

Any help would be much appreciated!

Thanks, Gary