v2.2.0

CHANGELOG.md

@@ -1,5 +1,8 @@
 # Master
 
+# 2.2.0
+- [BUGFIX] `{{power-select-multiple}}` should be a tagless component unless otherwise specified.
+
 # 2.1.0
 - [ENHANCEMENT] Create a new sass/less styles that are then imported from the main style. This should
   not change the public API

addon/components/power-select-multiple.js

@@ -5,6 +5,7 @@ import layout from '../templates/components/power-select-multiple';
 import fallbackIfUndefined from '../utils/computed-fallback-if-undefined';
 
 export default Component.extend({
+  tagName: '',
   layout,
   // Config
   triggerComponent: fallbackIfUndefined('power-select-multiple/trigger'),
@@ -46,15 +47,15 @@ export default Component.extend({
       if (action && action(select, e) === false) {
         return false;
       }
-      this.focusInput();
+      this.focusInput(select);
     },
 
     handleFocus(select, e) {
       let action = this.get('onfocus');
       if (action) {
         action(select, e);
       }
-      this.focusInput();
+      this.focusInput(select);
     },
 
     handleKeydown(select, e) {
@@ -99,11 +100,12 @@ export default Component.extend({
   },
 
   // Methods
-  focusInput() {
-    if (!this.element) return;
-    let input = this.element.querySelector('.ember-power-select-trigger-multiple-input');
-    if (input) {
-      input.focus();
+  focusInput(select) {
+    if (select) {
+      let input = document.querySelector(`#ember-power-select-trigger-multiple-input-${select.uniqueId}`);
+      if (input) {
+        input.focus();
+      }
     }
   }
 });

addon/templates/components/power-select-multiple.hbs

@@ -38,7 +38,7 @@
     placeholder=placeholder
     placeholderComponent=placeholderComponent
     preventScroll=preventScroll
-    registerAPI=(readonly registerAPI)
+    registerAPI=(action registerAPI)
     renderInPlace=renderInPlace
     required=required
     scrollTo=scrollTo

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-power-select",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "The extensible select component built for ember",
   "keywords": [
     "ember-addon",