不同高度的排序列表的问题jquery + draggable.js

如何解决不同高度的排序列表的问题jquery + draggable.js

我有一些输入，用户可能想更改其安排。
然后我发现draggable.js可以在高度相同的情况下执行此操作。
这很好用，但是如果您尝试移动小元素，大元素开始崩溃
我知道这个问题无法解决，但是我想知道还有其他方法可以改变他们的安排而不会出现这个问题吗？ 这是code

的链接

$(document).ready(function () {
  $("button").click(function () {
    $(this).parent().append("<button>click me</button>");
  });
  const sortable = new Draggable.sortable(
    document.querySelectorAll(".container"),{
      draggable: ".test",sortAnimation: {
        duration: 500,easingFunction: "ease-out",},distanse: 50,plugins: [Draggable.Plugins.sortAnimation],mirror: {
        constrainDimensions: true,appendTo: ".container",xAxis: false,cursorOffsetY: 5,}
  );
});