paper-select 在 Ember 中显示在 bsmodal 后面

Question

我正在 bs-modal 中呈现一个表单，其中我有一张纸 select，其中包含 5 个项目。当我单击论文-select 时，下拉菜单出现在 bs-modal 后面并且无法使用。

我试图给特定的论文-select一个高 z-index 值，但它仍然在 bs-modal 后面渲染。

如何在 bsmodal 前面呈现纸质 select 下拉菜单？

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>

paper-select 在 Ember 中显示在 bsmodal 后面

paper-select showing behind bsmodal in Ember

javascript

ember.js

drop-down-menu