Merge pull request #34 from tedconf/patch/optional-clear

patch/optional-close

addon/components/searchable-select.js

@@ -160,9 +160,12 @@ export default Ember.Component.extend({
 
   _bindOutsideClicks() {
     let component = this;
-    $(window).one(`click.${component.elementId}`, function() {
-      component.send('hideMenu');
-      component.$('.Searchable-select__label').blur();
+    let componentElem = this.get('element');
+    $(window).on(`click.${component.elementId}`, function(e) {
+      if (!$.contains(componentElem, e.target)) {
+        component.send('hideMenu');
+        component.$('.Searchable-select__label').blur();
+      }
     });
   },
 
@@ -284,7 +287,9 @@ export default Ember.Component.extend({
     },
     addNew() {
       this['on-add'].call(this, this.get('_searchText'));
-      this.send('hideMenu');
+      if (this.get('closeOnSelection')) {
+        this.send('hideMenu');
+      }
     },
     noop() {
       // need an action to able to attach bubbles:false to an elem

addon/templates/components/searchable-select.hbs

@@ -114,7 +114,7 @@
           searchText=_searchText
           optionLabelKey=optionLabelKey
           optionDisabledKey=optionDisabledKey
-          select-item=(action "selectItem")}}
+          select-item=(action "selectItem") }}
       {{/each}}
     </ul>
     {{/if}}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-searchable-select",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Data-down, actions up select-like menu with searching and filtering capabilities.",
   "directories": {
     "doc": "doc",

tests/integration/components/searchable-select-test.js

@@ -253,12 +253,13 @@ test('can disable the menu from closing after a selection is made', function(ass
 
   this.actions = {
     assertMenuOpen() {
-      assert.equal(this.$('.Searchable-select__options-list').length, 1);
+      assert.equal(this.$('.Searchable-select--menu-open').length, 1);
     }
   };
 
   this.render(hbs`{{searchable-select
     content=content
+    closeOnSelection=false
     on-change=(action "assertMenuOpen")}}`);
 
   this.$('.Searchable-select__label').click();