Grid drag-and-drop doesn't work inside Bootstrap Collapse or Kendo ExpansionPanel

[Andrew]

We have an existing Kendo Grid inside a Bootstrap Collapse. We are attempted to enable the Drag & Drop functionality on it. If the Collapse starts out visible, it works as expected; if the Collapse starts out collapsed, drag-and-drop does not work. You can drag, but you can't drop.

I attempted to swap out the Bootstrap Collapse for a Kendo ExpansionPanel, but it suffered the same issues: it works if pre-expanded, and not if pre-collapsed.

Dojo for Collapse

Dojo for ExpansionPanel

I don't see this noted in the known limitations. Is there anything we're doing incorrectly, or is this a bug?

[Martin]

Hello, Andrew,

I managed to get the ExpansionPanel example to work by binding to the expand event and using the code snippet below:

expand:function(){
            setTimeout(function(){
              $("[data-role='grid']").each(function(){
                var grid = $(this).data("kendoGrid")
                grid.setOptions({
                  reorderable: {
                    rows: true
                  },
                })
              })
            },500)
          }

Here is the modified example for reference.

Let me know if that

Regards,
Martin
Progress Telerik