拖拽时页面上其他元素消失了

项目场景：

表格里的每一行都能拖拽到其他组件上释放

---

问题描述

项目页面结构做了调整后，发现拖拽时、或拖拽释放后，部分元素消失了，检查元素发现他们都在原来的位置上，改变视口宽高，触发浏览器重绘时又都显示了

---

原因分析：

是由于浏览器的重绘或者重排引起的问题：
拖拽行为可能会影响到页面布局，导致部分元素消失或者隐藏。可以尝试使用 CSS 属性 will-change 来优化拖拽的性能，以及使用 transform 属性来触发硬件加速，减少重排和重绘的影响。

---

解决方案：

在拖拽开始时，设置被拖拽元素的样式：

.dragging-tr {
    will-change: transform; /* 提示浏览器该元素将要发生变化，优化性能 */
    transform: translateZ(0); /* 触发硬件加速，减少重排和重绘的影响 */
}

在拖拽结束时，清除相应的样式以恢复正常的页面布局。