使用 custom_node_render 自定义节点后，拖拽卡顿，有时无法拖拽

[aloehh]

No description provided.

[hizzgdev]

不用 custom_node_render 时会卡顿吗？
能看看你是怎么实现的 custom_node_render 吗？要不然不知道怎么帮你。

[aloehh]

感谢作者回复。
不用 custom_node_render 拖拽正常，不卡顿。以下是我用 custom_node_render的代码 ：

const options = {
container: 'jsmind_container', // [必选] 容器的ID
editable: true, // [可选] 是否启用编辑
theme: 'primary', // 主题
view: {
engine: 'canvas', // 思维导图各节点之间线条的绘制引擎
hmargin: 100, // 思维导图距容器外框的最小水平距离
vmargin: 50, // 思维导图距容器外框的最小垂直距离
line_width: 2, // 思维导图线条的粗细
line_color: '#4181FF', // 思维导图线条的颜色
mode: 'side', // 右侧显示
draggable: true,
custom_node_render(jm, element, node) {
console.log(element, node);
element.innerHTML = <div class='node-title-my relative'>${node.topic} <span onclick="alert(11)" >click-me</span></div>;
return true;
}
}

[hizzgdev]

你好， @aloehh 我在本地测试的时候并没有出现卡顿的情况，你是在什么环境下测试的？

你有没有试过把 node-title-my relative 这俩样式去掉呢？也可以试试去掉 onclick=alert() 这个再测试一下。

另外，我感觉应该写成 custom_node_render: function(jm, element, node) {...}, 不过你这种写法也能正常运行，在我这里两种写法都没有卡顿的现象。

或者你能录一下屏吗？

[hizzgdev]

你说有时无法拖拽 是说有时候鼠标拖不动节点的意思吧。这个我倒是发现了，它其实跟鼠标事件的捕获相关，我看一下是否能从 jsmind 角度来处理。如果不行的话我再跟你说 custom render 要怎么改。

[aloehh]

”你说有时无法拖拽 是说有时候鼠标拖不动节点的意思吧“，对， 是这种现象， 有时拖不动节点。
样式以及点击事件我都去掉过， 写法也换过custom_node_render: function(jm, element, node) {...}，但 时而无法拖动的现象仍旧存在。
感谢作者大大百忙之中帮忙查问题~

[hizzgdev]

Hi @aloehh 这个问题已经在 0.8.1 中修复了，你升级一下试试吧，如有问题的话，可以 reopen 这个 issue.
非常感谢！