Fullcalendar：日历隐藏的资源中的下拉 HTML

Question

我正在尝试在给定 fullcalendar 资源的下拉列表中添加特定操作。 到目前为止 Fullcalendar 是一个非常棒的工具，但不知何故，日历与我正在注入的 HTML 内容重叠。

有没有更好的方法来注入 Dropdowns 和其他 HTML 元素，而不会被日历重叠？

如果下拉菜单完全可见，那就太好了。 我错过了什么吗？

resourceGroupLabelDidMount: function(e) {
  var $this = $(e.el);
  $this.find('.fc-datagrid-cell-cushion').html($('.element').html())
}

这是一个代码示例： https://codepen.io/sirsir1/pen/BaYXqVj

Answer 1

找到了我自己的问题的解决方案，通过将position-fixed的 class 添加到ul元素似乎可以正常工作：

<ul class="position-fixed">
  ...
</ul>

这是一个工作代码示例： https://codepen.io/sirsir1/pen/zYWdPRN