mind-map icon indicating copy to clipboard operation
mind-map copied to clipboard

iframe模式下焦点无法聚焦导致默认无法使用

Open sxei opened this issue 6 months ago • 2 comments

如题,普通模式没问题,iframe模式下所有操作失效,按tab时焦点会跑出去,无法创建节点。测试代码如下:

var MindMap = simpleMindMap.default;

const mindMap = new MindMap({
  el: document.getElementById('app'),
  data: {
    "data": {
        "text": "根节点"
    },
    "children": []
  }
});

sxei avatar Jun 12 '25 08:06 sxei

确认是焦点未聚焦到iframe导致的问题,鼠标点击”根节点“后按理说焦点已经到iframe里面来了,必须点击一下页面其它地方,然后再选中根节点就没问题。

sxei avatar Jun 12 '25 10:06 sxei

目前通过如下代码临时解决:

    let isFirst = true;
    mindMap.on('node_active', async (node) => {
      if (isFirst) {
        // 如果第一次点击node,聚焦body
        document.body.tabIndex = -1;
        document.body.focus();
        isFirst = false;
      }
    });

sxei avatar Jun 13 '25 02:06 sxei