Javascript 在浏览器中创建可拖动的表行和奇怪的效果

我目前正在处理一些代码，这些代码最终将在我在uni的最后一年项目中使用，并且我添加了一个表，该表将从数据库中填充，但我希望使行本身可以拖动，以便我可以使用它在页面上的元素周围传递信息

通过使用以下代码，我获得了工作的阻力：

$(document).ready(function(){
        $(".tr_row").draggable({
              helper: function(event) {
                  return $('<div class="drag-row"><table></table></div>')
                .find('table').append($(event.target).closest('tr').clone()).end();
              },
          });
     });

$（文档）.ready（函数（）{
$（“.tr_行”）.可拖动({
助手：函数（事件）{
返回$（''）
.find（'table'）.append（$（event.target）.clone（'tr'）.clone（））.end（）；
},
});
});

下面是一个例子：

我遇到的问题是它的查看位置，如果它是在chrome或safari中打开的，那么当你拖动它时，它会扰乱桌子的外观，直到你放开为止，如果你在firefox中打开它，那么它工作正常，不会对桌子做任何事情

我的问题是，为什么在这些浏览器中会发生这种情况？我能做些什么来阻止它发生，让它像在firefox中打开时一样工作吗

---

谢谢

我找到了这个问题的答案，多亏了大学里的一位同事

---

基本上，如果我将drag div的位置设置为absolute，那么它在所有浏览器中都能发挥作用：

感谢您回答您的问题。Safari让我难堪了一段时间。