update(examples): remove "hack" from layouting example

bcakmakoglu · Oct 21, 2021 · a9f1876 · a9f1876
1 parent e11fddf
commit a9f1876
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/examples/Layouting/LayoutingExample.vue b/examples/Layouting/LayoutingExample.vue
@@ -36,9 +36,7 @@ const onLayout = (direction: string) => {
       const nodeWithPosition = dagreGraph.node(el.id)
       el.targetPosition = isHorizontal ? Position.Left : Position.Top
       el.sourcePosition = isHorizontal ? Position.Right : Position.Bottom
-      // we need to pass a slighltiy different position in order to notify react flow about the change
-      // @TODO how can we change the position handling so that we dont need this hack?
-      el.position = { x: nodeWithPosition.x + Math.random() / 1000, y: nodeWithPosition.y }
+      el.position = { x: nodeWithPosition.x, y: nodeWithPosition.y }
     }
 
     return el

diff --git a/examples/Layouting/layouting.css b/examples/Layouting/layouting.css
@@ -9,3 +9,7 @@
   top: 10px;
   z-index: 10;
 }
+
+.controls button {
+  margin-left: 10px;
+}