search

micro-zoe / micro-app

A simple, efficient and powerful micro front-end framework. 一款简约、高效、功能强大的微前端框架
https://micro-zoe.github.io/micro-app/
MIT License
5.52k stars 562 forks source link

动态创建在子应用body下的element的parentNode属性默认代理为document.body，导致其他插件异常 #1068

Open hmilin opened 7 months ago

hmilin commented 7 months ago

背景

在1.0.0-beta.1版本后，子应用通过document.appendChild动态插入的子节点parentNode默认代理为document.body，而非micro-app-body

主应用: react18+vite 子应用: Angular15

目前碰到的问题是开启ShadowDom后，子应用渲染在ant drawer下的monaco-editor没办法创建选中光标 原因是代理了parentNode之后，没办法正确判断插件工作在ShadowDom下面，无法触发monaco-editor对ShadowDom模式的兼容 image

通过查阅源码发现可以通过getRootElementParentNode方法指定parentNode的值，但找不到相关文档

期望的效果

补充getRootElementParentNode文档说明

bailicangdu commented 7 months ago

getRootElementParentNode方法可以解决问题吗

hmilin commented 7 months ago

getRootElementParentNode方法可以解决问题吗

可以

719347266 commented 5 months ago

解决了吗？