Handsontable 中的 Select2 Dropown 超出 layout/cell

Question

请在http://jsfiddle.net/rajivseelam/zfmdu4wt/5/

检查fiddle

我正在使用 select2 3.5.2 和最新的 handsontable。

为了将 select2 下拉列表添加到 handsontable，我在 https://github.com/trebuchetty/Handsontable-select2-editor

使用了插件

查看问题的步骤：

单击成本列下的空白单元格，它会显示一个包含固定和可变选项的下拉列表。
再次点击同一个单元格，它显示下拉菜单，但它超出了单元格。

以下控制 handsontable 中的下拉列表：

        {
          data: 'cost',
          editor: 'select2', 
          renderer: customDropdownRenderer,
          select2Options: { 
                  data: [{id:'fixed',text:'Fixed'},{id:'variable',text:'Variable'}] ,
                  dropdownAutoWidth: true,
          }
        },

我一直在尝试解决这个问题，但我做不到。任何帮助，将不胜感激。

Answer 1

尝试注释以下行 this.$textarea.offset($(this.TD).offset()); 在 select2-editor.js (Select2Editor.prototype.open 函数)

Handsontable 中的 Select2 Dropown 超出 layout/cell

Select2 Dropown in Handsontable goes out of layout/cell

jquery

html

css

jquery-select2

handsontable