Question

在从select2 3.5切换的过程中 - ＆gt; 4.0。我现在遇到了一种在boostrap模态中使用时出现问题的情况。

在3.5中，我使用了类似的东西，使它们能够正常运行：

.modal-open .select2-drop-mask {
  z-index: 10051;
}

.modal-open .select2-drop {
  z-index: 10052;
}

.modal-open .select2-search {
  z-index: 10053;
}

这些类和其他相当多的东西已经改变了4.0，这不再做任何事情。我假设这个问题与z-index有关，但我不确定。我已经在模态之外测试了相同的select并且它按预期工作，这就是我假设它与css相关的原因。输入显示，但下拉列表，搜索等不会。有没有其他人遇到这个并找到解决方案？

编辑jsfiddle：

这与我的用例略有不同 - 我使用load()将远程内容注入模态然后显示它，但是同样的问题发生在这里。您无法专注于搜索输入以输入任何内容。奇怪的是，我注意到它在Internet Explorer 11中有效，但在最新的Firefox，Chrome或Safari中没有。

modal fiddle

Answer 1

我解决了这个问题。你只需在模态div中删除'tabindex =“ - 1”'：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

select2 4和bs3模态 - z-index问题？

1 个答案: