当重复子组件时工具栏位置错误

Question

你好， 你可以看看这个例子：https://codepen.io/abozhinov/pen/XWbqjEJ 重现问题的步骤：如果组件存在，则全部删除。拖动一个新的旋转木马方块。选择第一个儿童容器。点击复制图标以创建新组件。之后尝试选择最新的组件，然后再次选择第一个组件。工具栏位置错误，因为浏览器无法获取元素的宽度和高度。 [错误]TypeError： null 不是对象（评估 'this.canvas.getHighlighter（t）.style'） showHighlighter（grapes.min.js：2：263826） 更新工具本地（grapes.min.js：2：266937） （匿名功能）（grapes.min.js：2：260549） forEach 悬浮（grapes.min.js：2：260438） m （grapes.min.js：2：22592） V （grapes.min.js：2：22263） h （grapes.min.js：2：20216） （匿名功能）（grapes.min.js：2：22156） 集合（grapes.min.js：2：24026...

abozhinov · Accepted Answer

当用“select-comp”命令覆盖这两种方法时，一切运行完美。 问题是“el”在DOM里并不存在。 ` onHovered（em， component） { 设结果 = {}; 如果（分量） { const { view } = component; const { el } = view; const pos = this.getElementPos（el）; 结果 = { EL， POS， Component， View }; 如果 （pos.width > 0） { this.updateToolsLocal（结果）; if （el.ownerDocument === this.currentDoc） { this.elHovered = 结果; } } } }, onSelect（） { cont { em } = this; const component = em.getSelected（）; 如果（分量） { const { view } = component; const { el } = view; 如果 （el） { const pos = this.get...

abozhinov · Answer

触发渲染而不是重置时得到的结果是一样的。

abozhinov · Answer

@artf试玩版也是一样的。只需拖动旋转木马，点击幻灯片即可。 <img width=“1440” alt=“截图 2020-03-16 14 58 23” src=“https://user-images.githubusercontent.com/1404839/76760669-b8b75780-6796-11ea-8e24-8946e27949f9.png”>

当重复子组件时工具栏位置错误

问题

回答（3）

相关问答

组件，带有textable：1，自0.16.12版本起无法工作

： destroy（）方法未能完全移除事件

GrapesJs 渐变插件不再工作了

文本分量问题

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

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

PageKit：你无论如何都得自己开发 GrapesJS 应用

浏览插件分类

问题