javascript - 在 Ember 中，纸张选择显示在 bsmodal 后面

Question

我正在 bs-modal 中渲染一个表单，其中有一个包含 5 个项目的纸张选择。当我单击纸张选择时，下拉菜单出现在 bs-modal 后面，并且不可用。

我尝试为特定的纸张选择指定一个高的 z-index 值，但它仍然在 bs-modal 后面渲染。

如何在 bsmodal 前面呈现纸张选择下拉列表？

Answer 1

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