ember-power-selectは入力できません

Question

これは本当にember-power-selectの問題ではないかと思いますが、入力できません。プルダウンを開くことはできますが、表示はありません。

これは私が私のコンポーネントを呼び出しているテンプレートです：

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

そして、私のコンポーネントのテンプレート：

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

そして最後に、私のコンポーネント：

import Ember from 'ember'; 

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

Answer 1

答え非常に簡単です。私のパワーセレクトは私の後ろに隠されていた<li>。私はちょうど私の力で私のテンプレートでこれを追加しなければならなかった：

renderInPlace=true