ember-power-select ne peut pas taper dedans

Question

Je me demande si c'est vraiment un problème avec ember-power-select, mais je ne peux pas taper dedans. La liste déroulante peut être ouverte, mais il n'y a pas d'affichage.

C'est un modèle dans lequel j'appelle mon élément:

<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> 

Et le modèle de mon composant:

{{#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}} 

Et enfin mes composants:

import Ember from 'ember'; 

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

Answer 1

La réponse est très simple. Mon pouvoir-sélection était caché derrière mon autre <li>. Je devais juste ajouter ceci dans mon modèle dans mon pouvoir-sélection:

renderInPlace=true