图层面板：拖放让物品消失（Firefox和Chrome）
我可以确认我遇到了同样的问题，原因是消失元素的计算高度是“0px”（因为它使用了display： none）。 虽然这确实是个bug，但作为临时变通，你可以在编辑器中避免在该节点使用“display： none”，而是使用一种“等效”的隐藏风格，保持元素在布局中但不可见，例如“visibility： hidden;指针事件：无;高度：1px'（1px高度是排序操作后实际保持元素在编辑器中的高度）。 这显然只是在根本问题解决前的权宜之计。
阅读下方完整回答 ↓问题
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 137.0 和 Chrome 136.0.7103.92 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？ 打开官方演示版 [https://grapesjs.com/demo.html]（https://grapesjs.com/demo.html） 要重现完全相同的结构，将此 JSON 粘贴到 localStorage > 'gjsProject'： '''json {“assets”：[]，“styles”：[{“selectors”：[“#ixix”]，“style”：{“padding”：“10px”}}，{“selectors”：[“#ilfp”]，“style”：{“background-color”：“#e7e7e7”，“padding”：“20px”}}，{“selectors”：[“#ivgby”]，“style”：{“padding”：“10px”}}，{“selectors”：[“menu”]，“style”：{“display”：“flex”}}，{“selectors”：[“nav_burger”]，“style”：{“display”：“none”}}，{“selectors”：[...
回答（2）
我可以确认我遇到了同样的问题，原因是消失元素的计算高度是“0px”（因为它使用了display： none）。
虽然这确实是个bug，但作为临时变通，你可以在编辑器中避免在该节点使用“display： none”，而是使用一种“等效”的隐藏风格，保持元素在布局中但不可见，例如“visibility： hidden;指针事件：无;高度：1px'（1px高度是排序操作后实际保持元素在编辑器中的高度）。
这显然只是在根本问题解决前的权宜之计。
这确实是GrapesJS图层面板拖放功能中的一个bug，特别是在尝试移动语义关联的组件时，比如带有id的input元素和带有for属性的label元素引用该id。该问题在官方GrapesJS演示中是可复现的。 观察到的行为 将“复选框”组件（带有id="check"的input）拖到“Logo”组件下方时： “复选框”组件未能移动，在图层面板和画布上都保持在原位。 “按钮”组件（带有for="check"的label）意外地完全从画布和图层面板中消失，表明它正在GrapesJS组件模型中移除。 根本原因 根本原因似乎是GrapesJS层面板拖放实现中的缺陷。虽然底层GrapesJS组件模型的...
相关问答
通过相似的问题讨论继续研究。
问题 #4474
Running in headless mode requires window
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome 103.0.5060.134可复制演示链接 https://stackblitz.com/edit/node-zrdtg4?file=index.js描述一下那个虫子 如何复现...
问题 #5990
当你删除组件时，组件间的重复类也会被删除。
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 126.0.6478.127（Windows） 可复制演示链接 https://jsfiddle.net/t06s4oLb/8/ 描述一下那个虫子 如何复现这个漏洞？将第1...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞？ 打开页面...
问题 #5319
撤销不会刷新组件上的类
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome V116.0.5845.96 可复制演示链接 https://jsfiddle.net/AdrienFriboulet/npdkshaf/8/ 描述一下那个虫子 https...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。