From 808d5ca8d781e6613aa6e8a0aba6768db674c785 Mon Sep 17 00:00:00 2001
From: Tom MacWright <tom@macwright.org>
Date: Mon, 17 Dec 2012 17:41:44 -0500
Subject: [PATCH] Transition handles as well. Fixes #287

---
 js/id/renderer/map.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/js/id/renderer/map.js b/js/id/renderer/map.js
index 9fb22bdf5..f08157aac 100644
--- a/js/id/renderer/map.js
+++ b/js/id/renderer/map.js
@@ -140,6 +140,7 @@ iD.Map = function() {
         return handles;
     }
 
+    function hasTwoParents(d) { return parentStructure[d.id] > 1; }
     function drawHandles(waynodes, parentStructure, filter) {
         var handles = g.hit.selectAll('circle.handle')
             .filter(filter)
@@ -157,15 +158,13 @@ iD.Map = function() {
                 return 'translate(' + [~~p[0], ~~p[1]] +
                     ')';
             })
-            // This doesn't work, need to figure out a better way to make attribute changes
-            .attr('r', function(d) {
-                return d.id === hover ? 8: 4;
-            })
             .classed('active', classActive)
-            .classed('two-parents', function(d) {
-                return parentStructure[d.id] > 1;
-            })
+            .classed('two-parents', hasTwoParents)
             .classed('hover', classHover);
+
+        handles.transition().duration(50).attr('r', function(d) {
+                return d.id === hover ? 8: 4;
+            });
     }
 
     function drawAccuracyHandles(waynodes, filter) {