From b413dd5b349fd26809fe8874fe253947a40fd0f8 Mon Sep 17 00:00:00 2001
From: Alex de Mulder <alexdemulder@gmail.com>
Date: Thu, 30 Apr 2015 17:20:56 +0200
Subject: [PATCH] render issue with hierarchical layout

---
 dist/vis.js                                |   2 -
 examples/network/27_world_cup_network.html | 108 ++++++++++-----------
 lib/network/modules/LayoutEngine.js        |   2 -
 3 files changed, 54 insertions(+), 58 deletions(-)

diff --git a/dist/vis.js b/dist/vis.js
index a93f5db8..f9dd431f 100644
--- a/dist/vis.js
+++ b/dist/vis.js
@@ -24069,7 +24069,6 @@ return /******/ (function(modules) { // webpackBootstrap
         });
         this.body.emitter.on('_resetHierarchicalLayout', function () {
           _this.setupHierarchicalLayout();
-          _this.body.emitter.emit('fit', { duration: 0 });
         });
       }
     }, {
@@ -24095,7 +24094,6 @@ return /******/ (function(modules) { // webpackBootstrap
               }
             }
 
-            this.body.emitter.emit('_resetHierarchicalLayout');
             // because the hierarchical system needs it's own physics and smooth curve settings, we adapt the other options if needed.
             return this.adaptAllOptions(allOptions);
           } else {
diff --git a/examples/network/27_world_cup_network.html b/examples/network/27_world_cup_network.html
index fac2d30e..43a466ca 100644
--- a/examples/network/27_world_cup_network.html
+++ b/examples/network/27_world_cup_network.html
@@ -69,66 +69,66 @@ Hide nodes on drag: <input type="checkbox" id="hideNodesOnDrag">
 <div id="mynetwork"></div>
 
 <script type="text/javascript">
-  var dropdown = document.getElementById("dropdownID");
-  dropdown.onchange = update;
-
-  var roundnessSlider = document.getElementById("roundnessSlider");
-  roundnessSlider.onchange = update;
-
-  var roundnessScreen = document.getElementById("roundnessScreen");
-  var hideEdgesOnDrag = document.getElementById("hideEdgesOnDrag");
-  hideEdgesOnDrag.onchange = update;
-  var hideNodesOnDrag = document.getElementById("hideNodesOnDrag");
-  hideNodesOnDrag.onchange = update;
-  var inheritColor = document.getElementById("inheritColor");
-  inheritColor.onchange = redrawAll;
-
+//  var dropdown = document.getElementById("dropdownID");
+//  dropdown.onchange = update;
+//
+//  var roundnessSlider = document.getElementById("roundnessSlider");
+//  roundnessSlider.onchange = update;
+//
+//  var roundnessScreen = document.getElementById("roundnessScreen");
+//  var hideEdgesOnDrag = document.getElementById("hideEdgesOnDrag");
+//  hideEdgesOnDrag.onchange = update;
+//  var hideNodesOnDrag = document.getElementById("hideNodesOnDrag");
+//  hideNodesOnDrag.onchange = update;
+//  var inheritColor = document.getElementById("inheritColor");
+//  inheritColor.onchange = redrawAll;
+//
   var network;
 
 
   function redrawAll() {
-    network = null;
-
-    var inheritColorVal = inheritColor.value;
+//    network = null;
+//
+//    var inheritColorVal = inheritColor.value;
 
     var container = document.getElementById('mynetwork');
-    var options = {
-      nodes: {
-        shape: 'dot',
-        radiusMin: 10,
-        radiusMax: 30,
-        fontSize: 12,
-        fontFace: "Tahoma"
-      },
-      edges: {
-        width: 0.15,
-        inheritColor: "from"
-      },
-      tooltip: {
-        delay: 200,
-        fontSize: 12,
-        color: {
-          background: "#fff"
-        }
-      },
-      smoothCurves: {dynamic: false, type: "continuous"},
-      stabilize: false,
-      physics: {
-        barnesHut: {
-          gravitationalConstant: 0,
-          centralGravity: 0,
-          springConstant: 0
-        }
-      },
-      hideEdgesOnDrag: true
-    };
-
-    if (inheritColorVal == "false") {
-      options['edges']['inheritColor'] = false;
-    }
-    else {
-      options['edges']['inheritColor'] = inheritColorVal;
-    }
+    var options = {}
+//      nodes: {
+//        shape: 'dot',
+//        radiusMin: 10,
+//        radiusMax: 30,
+//        fontSize: 12,
+//        fontFace: "Tahoma"
+//      },
+//      edges: {
+//        width: 0.15,
+//        inheritColor: "from"
+//      },
+//      tooltip: {
+//        delay: 200,
+//        fontSize: 12,
+//        color: {
+//          background: "#fff"
+//        }
+//      },
+//      smoothCurves: {dynamic: false, type: "continuous"},
+//      stabilize: false,
+//      physics: {
+//        barnesHut: {
+//          gravitationalConstant: 0,
+//          centralGravity: 0,
+//          springConstant: 0
+//        }
+//      },
+//      hideEdgesOnDrag: true
+//    };
+
+//    if (inheritColorVal == "false") {
+//      options['edges']['inheritColor'] = false;
+//    }
+//    else {
+//      options['edges']['inheritColor'] = inheritColorVal;
+//    }
 
     // Note: data is coming from ./data/WorldCup2014.js
     network = new vis.Network(container, data, options);
diff --git a/lib/network/modules/LayoutEngine.js b/lib/network/modules/LayoutEngine.js
index 44962c88..ec383174 100644
--- a/lib/network/modules/LayoutEngine.js
+++ b/lib/network/modules/LayoutEngine.js
@@ -31,7 +31,6 @@ class LayoutEngine {
     })
     this.body.emitter.on('_resetHierarchicalLayout', () => {
       this.setupHierarchicalLayout();
-      this.body.emitter.emit('fit',{duration:0});
     });
   }
 
@@ -57,7 +56,6 @@ class LayoutEngine {
           }
         }
 
-        this.body.emitter.emit('_resetHierarchicalLayout');
         // because the hierarchical system needs it's own physics and smooth curve settings, we adapt the other options if needed.
         return this.adaptAllOptions(allOptions);
       }