javascript - 论文精选在Ember中的bsmodal后面显示

我正在bs-modal中呈现一个表单，其中有5个项目可供选择。当我单击纸张选择时，下拉列表显示在bs-modal后面，并且不可用。

我试图给特定的纸张选择一个较高的z-index值，但它仍在bs-modal后面。

如何在bsmodal前面呈现纸张选择下拉菜单？

最佳答案

由于paper-select是基于power-select的，因此您必须将paper-select组件的属性renderInPlace设置为true才能将其显示在位置https://ember-power-select.com/docs/api-reference

<BsModalSimple>
  <PaperSelect @renderInPlace=true @label="Country" @options={{array "Morocco" "France"}} @selected={{userState}} @onChange={{action (mut userState)}} as |lang|>
    {{lang}}
  </PaperSelect>
</BsModalSimple>