When the select list is cancelled or its editor loses focus, it detaches itself

src/app/select-list.coffee

@@ -14,14 +14,16 @@ class SelectList extends View
 
   maxItems: Infinity
   filteredArray: null
+  cancelling: false
 
   initialize: ->
     requireStylesheet 'select-list.css'
     @miniEditor.getBuffer().on 'change', => @populateList()
+    @miniEditor.on 'focusout', => @cancel() unless @cancelling
     @on 'move-up', => @selectPreviousItem()
     @on 'move-down', => @selectNextItem()
     @on 'core:confirm', => @confirmSelection()
-    @on 'core:cancel', => @cancelled()
+    @on 'core:cancel', => @cancel()
 
   setArray: (@array) ->
     @populateList()
@@ -73,3 +75,9 @@ class SelectList extends View
     element = @getSelectedItem().data('select-list-element')
     @confirmed(element) if element?
 
+  cancel: ->
+    @cancelling = true
+    @cancelled()
+    @detach()
+    @cancelling = false
+