下拉框等卡片弹出错位

[18610509683]

子应用独立运行效果：

微前端环境，作为子应用：

[yiludege]

用的无界版本是最新的吗？

[18610509683]

用的无界版本是最新的吗？

是的，

子应用element版本2.15.5，vue：2.6.11

[rickythink]

这还是 font 的问题吧: 子应用的字体没有生效

[18610509683]

这还是 font 的问题吧: 子应用的字体没有生效

是没有加载到组件的类样式，.el-***

[18610509683]

这还是 font 的问题吧: 子应用的字体没有生效

bug在线效果
主应用入口：
http://ftp6269377.host101.udouyun.cn/#/ 密码 K0yS2015
子应用单独访问：http://ftp6269377.host101.udouyun.cn/ele/

[yiludege]

看了一下，字体没有加载成功，应该是没有设置publicpath？

这个弹出卡片漂移的问题需要再看看

[18610509683]

看了一下，字体没有加载成功，应该是没有设置publicpath？

这个弹出卡片漂移的问题需要再看看

我都没注意到字体的问题，单独运行子应用也没有加载成功的

[ufec]

这还是 font 的问题吧: 子应用的字体没有生效

bug在线效果 主应用入口： http://ftp6269377.host101.udouyun.cn/#/ 密码 K0yS2015 子应用单独访问：http://ftp6269377.host101.udouyun.cn/ele/

你这个写的定位有问题吧，字体不说，别的样式没问题啊

[yiludege]

@ufec 下拉弹出的卡片位置有漂移的，我的都飘到上面去了，这个大多数组件库采用 poppoer.js 来做定位，几个版本我都试过的没啥问题，这个问题还需要排查一下

[ufec]

@ufec 下拉弹出的卡片位置有漂移的，我的都飘到上面去了，这个大多数组件库采用 poppoer.js 来做定位，几个版本我都试过的没啥问题，这个问题还需要排查一下

我看他是自己写的定位啊，top-200多就是这效果，你把top改成0，没看到他附的第一张图那种样式全部乱的情况

[yiludege]

@18610509683 这个是你自己写的定位嘛？我以为是 poppoer.js 在无界里面算错了

[ufec]

@yiludege
它默认单独访问时候的效果

使用无界进入

这明显不一致

[18610509683]

没有自己写样式，不然我把源码推到github，把地址发过来

[yiludege]

看样是还是 poppoer.js 出了问题

[18610509683]

没有自己写样式，不然我把源码推到github，把地址发过来

蓝色图是公司项目，样式乱的多，el-xxx等类名有，浏览器加载不到，导致样式丢失

[handoing]

解决方案：
如果子应用可控，尝试下在el-date-picker组件添加:append-to-body="false"（element-ui并没有在文档里声明这个属性）。

问题分析：
popper.js在实例化时，提供了boundariesElement参数（"window"或"viewport"），element-ui在依赖popper时候使用的是默认参数"viewport"，如果使用"window"应该不会出现这个问题，不过element-ui并没有把这个参数抛给开发者。
element-ui在使用vue-popper可传递appendToBody的props，如果不将弹出框插入到body下，而是插入到data-picker节点内，我想不会出现错位的情况，不过会失去一些体验功能（例如在浏览器窗口改变时，popup窗口贴边跟随等）。