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