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 属性。