AUI-972 Diagram builder connectors jump around the canvas on browser …

…resize and scrolling

src/aui-diagram-builder/js/aui-diagram-builder-impl.js

@@ -246,9 +246,7 @@ var DiagramBuilder = A.Component.create({
 		initializer: function() {
 			var instance = this;
 
-			instance.after({
-				render: instance.syncConnectionsUI
-			});
+			var canvas = instance.get(CANVAS);
 
 			instance.on({
 				cancel: instance._onCancel,
@@ -265,6 +263,8 @@ var DiagramBuilder = A.Component.create({
 				}
 			});
 
+			canvas.on(MOUSEENTER, A.bind(instance._onCanvasMouseEnter, instance));
+
 			instance.handlerKeyDown = A.getDoc().on(KEYDOWN, A.bind(instance._afterKeyEvent, instance));
 
 			instance.dropContainer.delegate(CLICK, A.bind(instance._onNodeClick, instance), _DOT+CSS_DIAGRAM_NODE);
@@ -287,6 +287,8 @@ var DiagramBuilder = A.Component.create({
 
 			instance._setupFieldsDrag();
 
+			instance.syncConnectionsUI();
+
 			instance.connector = instance.get(CONNECTOR);
 		},
 
@@ -630,6 +632,12 @@ var DiagramBuilder = A.Component.create({
 			instance.closeEditProperties();
 		},
 
+		_onCanvasMouseEnter: function() {
+			var instance = this;
+
+			instance.syncUI();
+		},
+
 		_onDeleteKey: function(event) {
 			var instance = this;