问题 #3699💬 已回答提出于 2021年8月12日作者 diegoSenra0 个反应

Cell hovering randomly displaces from actual cell

快速解答作者 artf

你用的是最新版本吗？

问题

嗨！我在公司的一个项目中使用 grapesJs 邮件编辑，配合Newsletter插件。一切都运行得很好，除了我无法解决的这个bug：有时候，当我在画布里拖动方块时，单元格的悬停会被打乱。最大的问题是这种行为完全随机，有时会发生也可能不会，但一旦发生真的很烦人。唯一的模式是：只在放块后且独家地在画布上进行拼接如果我调整画布大小以适应移动端/平板，画布会恢复正常（即使切回桌面视图——但放置新方块时可能会再次发生）位移仅发生在垂直方向（随机向上或向下——通常是向上——且可以是任意位移大小）单元格选项菜单（选择父单元、移动组件、擦除单元格等）也会被移位，方式相同。编辑器插入在一个内容较多的页面（侧边栏和页眉）。我不得不更改一些编辑器类的CSS以适应并显示在这个页面上，遗憾的是我不记得具体改了哪些内容（不过我觉得这不是问题，因为刚开始效果很好，切换到移动视图后会修正）。问题可能出在我这边，但我至少想知道我该从哪里来更好地调查这个bug。任何帮助都将不胜感激！下面，悬停和选项菜单被移位的照片 ![grapesJsBug]（https://user-images.githubusercontent.com/47437190/129193454-7d4383b6-e897-492d-839e-0217f993802a.jpg）

回答（4）

artf• 2021年8月13日

你用的是最新版本吗？

diegoSenra• 2021年8月16日

使用压缩后的0.10.7

artf• 2021年8月16日

抱歉兄弟，这是4年前的版本，帮不上忙。你试着更新了吗？

GJSBlock• 2026年5月17日

谢谢你举报，@diegoSenra。细胞悬停随机偏离实际细胞的问题似乎是竞争条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因在报告中包含 GrapesJS 版本、浏览器和控制台错误

在 GitHub 上查看完整讨论 →