From 69940890fc5434042093611207a412b9defbb000 Mon Sep 17 00:00:00 2001
From: Tom MacWright <tom@macwright.org>
Date: Fri, 26 Oct 2012 16:40:15 -0400
Subject: [PATCH] Allow users to deselect elements by clicking outside of them.

---
 js/iD/renderer/Map.js | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/js/iD/renderer/Map.js b/js/iD/renderer/Map.js
index 051982f15..889bbb269 100755
--- a/js/iD/renderer/Map.js
+++ b/js/iD/renderer/Map.js
@@ -70,7 +70,8 @@ iD.Map = function(obj) {
         .attr({ width: width, height: height });
 
     var tilegroup = surface.append('g')
-            .attr('clip-path', 'url(#clip)'),
+            .attr('clip-path', 'url(#clip)')
+            .on('click', deselectClick),
         container = surface.append('g')
             .attr('clip-path', 'url(#clip)');
 
@@ -155,10 +156,20 @@ iD.Map = function(obj) {
         }
     }
 
+    function deselectClick() {
+        selection = [];
+        drawVector();
+        d3.event.stopPropagation();
+        d3.select('.inspector-wrap').style('display', 'none');
+    }
+
     function selectClick(d) {
         select(d);
         drawVector();
-        d3.select('.inspector-wrap').datum(d).call(inspector);
+        d3.select('.inspector-wrap')
+            .style('display', 'block')
+            .datum(d).call(inspector);
+        d3.event.stopPropagation();
     }
 
     function nodeline(d) {