marcodiiga / knode Goto Github PK

Fix the scale for good: either create the wrappers at map's creation or control the scale directly from a parent div.

E.g.

<div style="overflow: hidden; width:470px; height:450px; border: 2px solid black;">
    <div id="wrapper" style="transform-origin: 0% 0%; transform: scale(0.6);
      overflow: hidden; height: 800px; width:800px;">
     <div id="map">
     </div>
    </div>
</div>

The animateToStaticPosition call (just to finalize connectors) is causing an endless loop even when the subtree has reached equilibrium and/or timeout has been fired

this.stabilityTimeout = setTimeout(function () {
  thisNode.$map.rootNode.stopSubtreeMoving = true;
  thisNode.$map.rootNode.animateToStaticPosition (); // causing recursion
  console.log ("MOVEMENT STOPPED TIMEOUT"); // debug
}, MOVEMENT_TIMEOUT * 1000);

It would be nice to have a border repulsion for nodes relative to the parent container (so that they never disappear from the map)

Just moving Subnode1 off a bit from its default position triggers an excessive movement in Subnode3. This has to be investigated and possibly fixed.