select2 选项列表更大地隐藏在基础模式中
select2 options list largerly hidden in Foundation modal
我在我的网站中使用 select2,我已经知道模态框的问题。这是我用于启动 select2 字段的脚本:
$(function() {
$('#id_creator').djangoSelect2({
dropdownParent: $('#addWorkFromEventForm'),
width: '100%'})
})
工作正常;尽管如此,自动完成列表几乎完全隐藏在模式之外。我已经将 z-index 设置得比叠加层高,但似乎没有任何区别。有针对这个的解决方法吗?或者,作为解决方法,它至少可以向上打开而不是向下打开吗?
PS
设置data-overlay="false"
也没有任何区别。
我通过添加解决了
display: table;
到模态框的 CSS 属性。
我在我的网站中使用 select2,我已经知道模态框的问题。这是我用于启动 select2 字段的脚本:
$(function() {
$('#id_creator').djangoSelect2({
dropdownParent: $('#addWorkFromEventForm'),
width: '100%'})
})
工作正常;尽管如此,自动完成列表几乎完全隐藏在模式之外。我已经将 z-index 设置得比叠加层高,但似乎没有任何区别。有针对这个的解决方法吗?或者,作为解决方法,它至少可以向上打开而不是向下打开吗?
PS
设置data-overlay="false"
也没有任何区别。
我通过添加解决了
display: table;
到模态框的 CSS 属性。