不同高度的排序列表（jquery+；draggable.js）存在问题

我有一些输入，用户可能希望更改他们的安排。
然后我找到了draggable.js，如果它们有相同的高度，就可以这样做。
这很好，但如果您尝试移动小元素，大元素就会开始崩溃
我知道这个问题是无法解决的，但我想知道有没有其他方法可以在没有这个问题的情况下改变他们的安排？ 这是我们的链接

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（this.parent（）.append（“单击我”）；
});
const sortable=new Draggable.sortable(
document.queryselectoral（“.container”），
{
可拖动：“.test”，
sortAnimation：{
持续时间：500，
easingFunction:“放松”，
},
距离：50，
插件：[Draggable.plugins.SortAnimation]，
镜像：{
对,，
附件：“.container”，
xAxis:错，
cursorOffsetY:5，
},
}
);
});

$(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,
      },
    }
  );
});