移动元素在调整尺寸时会吸附到错误的位置

Question

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 138.0.7204.101 可复制演示链接 https://jsfiddle.net/u3L89ejh/1/ 描述一下那个虫子 如何复现这个漏洞？ 调整图像大小 把它拖到画布上的别处 点击其中一个小蓝色缩小方块 观看图像跳跃到不同位置 预期的行为是什么？ 应该留在我放的地方 如果顶部/左/右/底部的值没有单位，则将值当作“px”来处理，而不是“%”。 目前的行为是什么？ 当你移动图像时，上下两侧的像素值表现良好。 但你一碰到缩放按钮，它就会切换到“%”，然后突然跳到画布上全新的位置。 行为准则 [x] 我同意遵守本项目的行为准则

artf · Accepted Answer

@jsxOverdose推送了这次新版本的修复：https://github.com/GrapesJS/grapesjs/releases/tag/v0.22.11

jsxOverdose · Answer

@artf 在新版本中，还有另一个bug：当你点击Y轴上的缩放手柄时，图片会明显变大。这是试玩版：https://jsfiddle.net/du81zL6r/

GJS Helper · Answer

你遇到的元素在移动后跳到错误位置并与调整器交互的问题，是GrapesJS处理CSS top和left属性时的已知行为，尤其是在应用position: absolute且单位未明确定义时。 根本原因 当画布上移动带有position: absolute的元素时，GrapesJS正确地使用px单位应用top和left样式。然而，top和left属性的默认StyleManager配置（在Position类别下）定义了可能units的列表（例如['px', '%', 'em', 'rem']），但通常缺乏显式的unit属性来指定默认单位，当数值未包含该单位时。此外，这些属性的default值通常为auto。 在调整大小操作中，甚至仅仅通过激活缩小，GrapesJS的内部逻辑（特别是与StyleManager互动的Resizer和SelectorManager组件）可能会重新评估或重新应用这些top和left值。如果传递数字值时未明确单位，且StyleManager属性没有定义unit，可能会错误地默认为百分比（%）单位，而非像素（px）。这种基于父维度从px转换为错误的 % 值，会导致元素跳...

移动元素在调整尺寸时会吸附到错误的位置

问题

GrapesJS版本

你用的是什么浏览器？

可复制演示链接

描述一下那个虫子

行为准则

回答（3）

相关问答

Cannot drag to move components on mobile

组件的类别修改不会自动检测

从 v18.4 更新到 GrapesJS v19.5 会导致 Chrome 变得无响应

带有 editable：false 的组件内容仍然是可编辑的

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

如何在2026年用 GrapesJS 构建AI驱动的页面构建器

2026年构建一个SaaS页面构建器需要多少钱？

浏览插件分类