ember-power-select kann nicht eingeben

Question

Ich frage mich, ob das wirklich ein Problem mit ember-power-select ist, aber ich kann es nicht eingeben. Das Dropdown kann geöffnet werden, aber es gibt keine Anzeige.

Dies ist eine Vorlage, in der ich meine Komponente nennen:

<div class="navbar-default sidebar" role="navigation"> 
    <div class="sidebar-nav navbar-collapse"> 
    <ul class="nav" id="side-menu"> 
    <li> 
     {{global-search label=(t 'search')}} 
    </li> 
    </ul> 
    </div> 
</div> 

Und die Vorlage meiner Komponente:

{{#bs-form as |form|}} 
    {{#form.element label=(t 'search')}} 
     {{log allObjects}} 
     {{#power-select 
       selected=selected 
       options=allObjects 
       placeholder='test' 
       onchange=(action (mut selected)) 
     as |name| 
     }} 
      {{name}} 
     {{/power-select}} 
    {{/form.element}} 
{{/bs-form}} 

Und schließlich meine Komponenten:

import Ember from 'ember'; 

export default Ember.Component.extend({ 
allObjects: ['test', 'foo'] 
}); 

Answer 1

Die Antwort ist sehr einfach. Meine Power-Auswahl war hinter meiner anderen <li> versteckt. Ich musste dies nur in meiner Vorlage in meinem Power-Select hinzufügen:

renderInPlace=true