umijs / qiankun

📦 🚀 Blazing fast, simple and complete solution for micro frontends.
https://qiankun.umijs.org
MIT License
15.71k stars 2k forks source link

css 属性选择符包含body字符串,生成style标签样式异常 #2984

Closed ccrsky closed 1 month ago

ccrsky commented 1 month ago

What happens?

css 属性选择符包含body字符串,生成style标签样式异常

Mini Showcase Repository(REQUIRED)

How To Reproduce

css源代码

[data-region="aside"][data-renderer="page"] {
  min-height: calc(100vh - 131px);
}

[data-region="body1"][data-renderer="page"] {
  min-height: calc(100vh - 165px);
}

.atest2 {
  color: green;
}

通过qiankun注入后style标签内容

div[data-qiankun="demo-app"] [data-region="aside"][data-renderer="page"] { min-height: calc(-131px + 100vh); }div[data-qiankun="approval-workflow"] .atest { color: red; }

[data-region=div[data-qiankun="demo-app"]1"][data-renderer="page"] { min-height: calc(-165px + 100vh); }div[data-qiankun="approval-workflow"] .atest2 { color: green; }

body 被 div[data-qiankun="demo-app"] 替换了,样式异常

Context

github-actions[bot] commented 1 month ago

由于缺乏足够的信息(github、stackblitz、codesandbox等可复现仓库),我们暂时关闭了该 Issue。请修改(不要回复) Issue 提供最小重现以重新开启。谢谢。如果只是单独的技术咨询,可移步 https://qiankun.umijs.org/#-community 交流~