为什么选择菜单总是出现在模态对话框下？

Question

我正在使用带有标签的模态对话框。我正在使用appframework和appui，为apk建立安卓。在xdk更新后我再次构建我的代码，突然我的选择菜单总是出现在模态对话框下面。我什么都没改变。 无论我做什么，这种情况一直都会发生，但主要是在三星设备或任何运行android棒棒糖的东西上。内置纹波仿真器也是如此。就这个问题而言，我在我的智慧结束。我也尝试过使用人行横道。我试过设置选择菜单和模态面板的z-index。什么都行不通。如果我停止面板是模态的，一切都很好，但这不是一个选项，客户端不会接受任何模态对话框。

这是否相关af.selectBox.js from app ui codebase

我不在乎我是否必须使用肮脏的黑客，我只是想解决它！

这是我的问题的样子。完全相同的事情发生在REAL DEVICES，WITH REAL BUILDOUT以及人行横道应用预览中。

这是选择元素。

<select class="wide-control" id="select_timeout">
    <option value="15">15 Mins</option>
    <option value="30">30 Mins</option>
    <option value="45">45 Mins</option>
    <option value="60">1 Hour</option>
    <option value="75">1 Hour 15 Mins</option>
    <option value="90">1 Hour 30 Mins</option>
    <option value="105">1 Hour 45 Mins</option>
    <option value="120">2 Hours</option>
    <option value="135">2 Hours 15 Mins</option>
    <option value="150">2 Hours 30 Mins</option>
    <option value="165">2 Hours 45 Mins</option>
    <option value="180">3 Hours</option>
</select>

以下是我宣布模态面板的方式：

<div class="upage panel" data-modal="true" data-load="enterSettings" data-unload="leaveSettings" id="page_settings" data-footer="none">

这一切都在前一天完美运行，没有代码改变。

Answer 1

OMG！得到它了。 这是修复

#afui #afui_modal{
    z-index: 4000 !important; /*set to something other than 9999*/
}

知道这是z顺序问题