拖曳时意外重排网格项目顺序( 自 v 1. 4. 0 起的递减)

作者: dhilt创建于 2025年6月10日更新于 2026年8月4日
标签bugready-for-human

描述错误

在某种情况下,在移动网格项目时,我观察到出乎意料的行为:在被拖动项目所影响的区域外的项目会突然跳入拖动区域.

您的示例网站或应用程序

https://codesandbox.io/p/devbox/loversion-dubinsky-9dthg?file\2Fsrc%2Findex.js&workspaceId=ws YLP4mqeH7m8C25HZREJW1n 互联网档案馆的存檔,存档日期2013-12-2.

QQ 重现错误或问题的步骤

在演示中,需要抓取一号区块并开始将它垂直地拖入七号区块. 某个时候,8号和14号区块会突然出现在1号和7号区块上方. 如果你再把1号区块往后拖 (不掉入) 并按原位置丢入, 区块的顺序就会被打破: 第8和14号区块将在1号区块下.

预期行为

预期的行为是8号和14号区块只应在7号区块后移动.

QQ 反应- 网格放出库版本

1.5.1 国家

操作系统版本

窗口

QQ 浏览器

边缘

其他背景

为什么我觉得这是虫子? 其他图书馆在类似情况下一贯行事。 例如,我尝试了https://gridstackjs.com/demo/react.html. 另外,如果使用反应-网格-放出v1.3.4,行为也是一致的. 以下为同名演示,但以1.3.4版本: https://codesandbox.io/p/devbox/relaxed-gwen-rrvhhf?workspaceId=ws YLP4mqeH7m8C25HZREJW1n.

臭虫首先出现在反应-网格-放出v1.4.0中.

QQ 屏幕截图或视频

以下是Grafana的反证:

https://GitHub.com/user-attachments/assets/f3a1fe2c-18e5-47c6-832c-38394ca0d23e 互联网档案馆的存檔,存档日期2013-12-29

内容来源: react-grid-layout/react-grid-layout