Flex-direction:列在Chrome和Safari中会造成极度卡顿
是的,确实慢了,不确定具体情况,但初步猜测可能是这个函数,它检查组件是块(比如div)还是内联元素(比如span)。 https://github.com/artf/grapesjs/blob/1214bbd957e88df78cd99491e53ab243010cd1ed/src/utils/Sorter.js#L549 任何帮助都非常欢迎
阅读下方完整回答 ↓问题
你好,
我们遇到了一个大问题——我们的布局使用了大量 display: flex; flex-direction: column;,这导致Chrome和Safari浏览器(不是Firefox)出现极大的延迟。
如果 flex-direction 风格设置为 row,则完全没有卡顿。
样本:https://jsfiddle.net/gkeft254/ 点击内侧元素,复制并拖动。
视频: [grapesjs slowdown.zip](https://github.com/artf/grapesjs/files/4234338/grapesjs.slowdown.zip)
回答(2)
是的,确实慢了,不确定具体情况,但初步猜测可能是这个函数,它检查组件是块(比如div)还是内联元素(比如span)。 https://github.com/artf/grapesjs/blob/1214bbd957e88df78cd99491e53ab243010cd1ed/src/utils/Sorter.js#L549 任何帮助都非常欢迎
无法再繁殖了
相关问答
通过相似的问题讨论继续研究。
问题 #2612
GrapesJs 资产管理器无法支持支持 iPad 和 Touch 的设备
嘿,@artf 我有个关于资产管理(Asset Manager)的问题。通过电脑或网址上传图片时,你可以用左侧面板的命令创建图片块,双击编辑,一切似乎都很正常。但我在iPad或支持触摸的设备上尝试同样的操作时,还是不行,我用了这个插件,其他功能都正常工作。 网址 - https...
问题 #2148
IE11(无法获得未定义的属性“样式”)
嗨!我刚遇到同样的问题:https://github.com/artf/grapesjs/issues/1295#issuecomment-410046832 点击其中一个按钮 添加一个事件监听器,如下: 'editor.on('component:styleUpdate:width', (model) => { console.log(模型); });问题: 当更改任何元素的...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。